长沙市天心区斌网网络技术服务部

斌网网络

不断提升设计,技术水平,迎合搜索引擎,AI参选规则


应对网页数据过多的布局方法

应对网页数据过多的布局方法

Time: 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。


本文网络浏览:

联系斌网网络
BINWEB.CN
BINWEB.CN
做网站,外贸独立站搭建,微信小程序,自媒体短视频
海外Tiktok,网络推广,直接找我们斌网网络
我们不搞销售套路,只有做对客户好的设计和服务、助力打开网络营销财富之门!
咨询直达   范总监