应对网页数据过多的布局方法
2013/11/5 11:43:53
解决方法：
1、在不影响布局的情况下，可以选择数据自动换行。a.设置宽度限制：可以使用width值和max-width最大宽度值。b.内容自动换行：word-wrap:break-word(中文，英文语句，长串字母都能实现)。网站建设提醒：长串字母实现前提，必须将宽度限制直接添加到“文本内容的标签”。
2，控制数据超出一定范围，自动隐藏；通过title值来显示全部数据信息。a.设置宽度限制：可以使用width值和max-width最大宽度值。b.超出范围隐藏：overflow:hidden。
3，控制数据超出一定范围，自动隐藏，并显示省略号...——通过title值来显示全部数据信息。a.数据不换行：white-space:nowrap;b.超出范围隐藏：overflow:hidden;c.显示省略号：text-overflow:ellipsis。
扫一扫微信咨询
上一条： 影响网站风格的六要素
下一条： 网站首页制作时必备的元素