模似表格
<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>