如何让固定宽度的li自动换行,表格内,内容自动换行

 一、在做项目中,涉及到页面显示,想把所有结果显示出来,希望超过宽度后 自动换行。但是总是不行,最后查找了下 资料 才发现只要为li添加一个属性就可以了。

.link-m1 ul li{
 float:left;
 margin:2px 5px;
 list-style:none;
 display:block;
 white-space: nowrap;
}

 

二、表格中也是如此,我设置了表格宽度,但是里面内容过程把表格撑开了,就是不换行。中文的可以换行。如果是英文如果中间 有空格 等各种特殊字符的话。会在此位置换行。但是如果是一整串 连续的字母,中间没有任何符号,它就不换行,就算设置了表格宽度 仍没用,最后找到了一个属性,加上就可以了

<table style="word-break:break-all;">

只要添加这个属性,表格中 内容超过长度都会自动换行

 

·关于我们·免责声明·服务条款·RSS订阅·dede168.com技术支持

Copyright © 1998-2015  All rights reserved.