常州网络公司

常州网站建设公司

常州网站制作公司

常州网站设计公司

常州网页设计公司

常州网页制作公司

常州山水网络欢迎您。网站地图baidu 网站地图google
资讯分类
网站建设
企业邮箱

数据过多时不会影响页面布局

常州山水网络是专业的常州网络公司,今天和大家分享下网页制作的一个技巧。

   随着网站的迅速发展,对用户交互体验需要也越来越高,web前端开发者需要考虑更多,怎样通过前端的控制,让用户数据更高效的显示。
要达到的目标是:数据过多时,不会影响页面布局
解决方法:
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;

作者:常州网络公司常州网站建设常州网站设计

上一篇:网站设计尺寸参考标准
下一篇:做网站优化需先考虑几个问题
Copyright(c) 2003-2011 常州山水网络版权所有 《中华人民共和国电信与信息服务业务经营许可证》 苏ICP备:09096399号
地址:常州市关河东路12号 电话:0519-83982592 手机:13813552959 邮箱:txl_705@163.com 在线QQ:105561456
常州网络公司 常州网站建设公司 常州网站制作公司 常州网站设计公司 常州网页设计公司 常州网页制作公司 常州网站建设 常州网站制作 常州网站设计 常州网页设计 常州网页制作
常州企业邮箱 常州外贸企业邮箱 常州尚易企业邮箱 常州尚易邮箱 尚易企业邮箱常州总代理 尚易邮箱常州总代理
常州百度推广-常州百度竞价-常州网站推广-常州网络推广-常州google推广