<p class="sougouContent"> 首先在Div中高度固定 宽度自动 里面添加文字 如图: <br> 如果文字过长就自动扩充宽度达到如下图所示: <br> 希望能给出代码 谢谢 </p> <br> <h2>回复讨论(解决方案)</h2> <p class="sougouAnswer"> 在线等 求助 本人刚毕业菜鸟 弄JAVA 对前台不是很熟悉 </p> <p class="sougouAnswer"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <title>首页</title> <br> <style> <br> #d1{ height:300px; border:1px solid red} <br> </style> <br> <br> </head> <br> <body> <br> <input type="text" id="txt" value="啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦"/> <input type="button" onclick="check()" /> <br> <div id=d1></div> <br> <br> <script> <br> function check() { <br> document.getElementById("d1").innerHTML = document.getElementById("txt").value; <br> var str = document.getElementById("d1").innerHTML.toString(); <br> if (str.length > 10) { <br> document.getElementById("d1").style.width = "300px"; <br> } <br> else { <br> document.getElementById("d1").style.width = "50px"; <br> } <br> } <br> </script> <br> <br> </body> <br> </html> <br> <br> <br> <br> <br> <br> <br> <br> <br> 希望对你有帮助 </p> <p class="sougouAnswer"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <title>首页</title> <br> <style> <br> #d1{ height:300px; border:1px solid red} <br> </style> <br> <br> </head> <br> <body> <br> <input type="text" id="txt" value="啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦"/> <input type="button" onclick="check()" /> <br> <div id=d1></div> <br> <script> <br> document.getElementById("d1").innerHTML = document.getElementById("txt").value; <br> var str = document. .toString(); <br> else { <br> document.getElementById("d1").style .width = "50px" <br>はい、そうしなければなりませんまずは縦に並べてください 縦向きのポートレートが撮れない場合は、風景ポートレート<br> <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <style> #d1 { height: 100px; width: 50px; border: 1px solid red; word-wrap: break-word; } </style></head><body> <input type="text" id="txt" value="" onkeyup="check()" /> <div id="d1"> </div> <script type="text/javascript"> function getLength(str) { var wordwide = 0; for (var i = 0; i < str.length; i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {//单字节加1 wordwide++; } else { wordwide += 1; } } return wordwide; } function check() { var strContent = document.getElementById("txt").value; document.getElementById("d1").innerHTML = strContent; var _oldWidth = document.getElementById("d1").style.width.toString().replace("px", ""); if (_oldWidth != "") _oldWidth = parseInt(_oldWidth); else _oldWidth = 50; var _cnWordCnt = getLength(strContent); //汉字个数 var _totLength = strContent.length - _cnWordCnt + _cnWordCnt * 2; if (_totLength > (34 * (_oldWidth / 50))) { document.getElementById("d1").style.width = (_oldWidth + 50).toString() + "px"; } } </script></body></html></pre><div class="contentsignin">ログイン後にコピー</div></div> <br></p>