<html >
<head>
<title>模似表格</title>
<meta />
<style>
html { font-size:12px; }
body { margin:50px; }
.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
ul,li{border:solid 1px #3CF; margin:0; padding:0;}
ul{ border-bottom:none; border-right:none;}
ul{ width:404px;}
li{ width:100px; height:26px;line-height:25px; border-top:none; border-left:none; float:left; display:inline;overflow-y:auto;word-wrap: break-word; word-break: break-all;text-align: center; }
/*div{border:1px #686868 solid; margin-top:50%}*/
</style>
</head>
<body>
<ul class="clearfix">
<li>问题已经解决。说来可笑。自己在DW里手动敲代码。
发现一个属性里有nowrap，这个nowrap不是word-braek的吗？难道它能让不换行？
抱着试试的心理我把它完整敲上
white-space: nowrap;
DW测试没有出现下划虚线，意思是浏览器支持方面没有问题。
保存F12。问题解决了。呵呵。。。
</li>
<li>嗯嗯、谢谢哈、我只是想知道用DIV排表格的方法。
还有、我觉得有必要澄清一下、哥们，咱是女的。。。</li>
<li>1111111111111111111111111111111111111111111</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于：
1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。
2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
<li>34</li>
<li>35</li>
<li>36</li>
</ul>
</body>
</html>
模似表格
最新推荐文章于 2024-07-30 16:49:30 发布
1790
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
