|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
破洛洛文章简介:网页制造技能:数据过量时不会影响页面结构.
着网站的敏捷开展,对用户交互体验必要也愈来愈高,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;
事情中收拾出来的办法,能够进步本人的手艺。
俄然想起:进修常识的历程:
1,起首是进修基本常识的历程
2,其次是重复理论(没有理论,实际再好,也不克不及说本人学到了)
3,最初能够将本人所学,总结出来,分享给人人。(让想学的人学会)
总结一句话:进修是个临时堆集,不休研讨的一个历程。
本人的言语构造才能,表达才能很差,但但愿本人能够进步。
弱点也很分明:本人学到的器材,表达不出来。</p>
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 |
|