问题是：
>为什么表可以比div class = spanX更宽？我一直以为，一个块元素需要其父元素的宽度？
>表格相应td中的字符/空格数可能有所不同。如何防止表格比div宽得多？当然，我可以动态地检查一个ts中的字符数，但是我该怎么处理这些信息呢？
http://jsfiddle.net/vNnc6/
HTML：
<!DOCTYPE HTML><HTML lang="de"><head><Meta charset="utf-8"><Title>MySite</Title><Meta name="author" content="me"/><link href="static/CSS/bootstrap.CSS" rel="stylesheet"><link href="static/CSS/bootstrap-responsive.CSS" rel="stylesheet"><link href="static/profhase.CSS" rel="stylesheet"><script type="text/JavaScript" src="http://code.jquery.com/jquery-1.9.1.min.Js"></script><script type="text/JavaScript" src="static/bootstrap/Js/bootstrap.Js"></script><body> <div > <div > <div > <a data-toggle="collapse" data-target=".nav-collapse"> <span ></span> <span ></span> <span ></span> </a> <ul > <li><a href="profhase">MyBrand</a></li> <li><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Blog</a></li> </ul> <div > <ul > <li><p >Apps: </p></li> <li><a href="firstapp/">AppOne <i ></i></a></li> </ul> </div> </div> </div> </div> <div > <div > <div > <p> My Wonderful sIDebar </p> </div> <div > <table > <tbody> <tr> <th>header1</th> <th>header2</th> <th>header3</th> <th>header4</th> <th>header5</th> <th>header6</th> </tr> <tr> <td>My first Test</td> <td>My second Test</td> <td>My third Test</td> <td>My fifth Test</td> <td>My lalalalalong long lelong long long Test</td> <td> <div > <a data-toggle="dropdown"> Dropdown Choices <span ></span> </a> <ul > <li><a ID=1>First wonderful choice</a></li> </ul> </div> </td> </tr> </tbody> </table> </div> </div> </div></body>解决方法 感谢FelipeAls的答案，这段代码做了：
table { table-layout: fixed; word-wrap: break-word;} 另一种可能性是不要使用单词换行，而是使用类似的东西
…
http://jsfiddle.net/zzmfA/
总结以上是内存溢出为你收集整理的html – 防止引导表宽于span全部内容，希望文章能够帮你解决html – 防止引导表宽于span所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）