电子商务网站建设与运营的试题,网站qq访客抓取,做零售的国外网站,wordpress 培训行业主题1. CSS的学习#xff0c;就我个人看来#xff0c;是有别于JavaScript这张传统程序语言的学习的。本身属性就多#xff0c;值也多#xff0c;不同属性在一起表现也不一样#xff0c;不同属性和不同类型的HTML标签在一起又不一样#xff0c;再加上兼容性差异和未定义行为。…1. CSS的学习就我个人看来是有别于JavaScript这张传统程序语言的学习的。本身属性就多值也多不同属性在一起表现也不一样不同属性和不同类型的HTML标签在一起又不一样再加上兼容性差异和未定义行为。就像是很多个不确定因素有着无穷多的组合和可能性。掌握这些不确定性看书是绝对不够的一定是要多多实践多多思考多多积累。对于底层机理的理解也是需要一定的天赋的
2. 了解word-break属性 normal 使用默认的换行规则
break-all 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行
keep-all 不允许CJK(Chinese/Japanese/Korean)文本中的单词换行只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致
3. 了解word-wrap属性 normal 就是大家平常见得最多的正常的换行规则
break-word 一行单词中实在没有其他靠谱的换行点的时候换行
4. 回归重点word-break:break-all和word-wrap:break-word的区别
这两个声明都能是连续英文字符换行那区别在哪里呢 可以发现word-break:break-all正如其名字所有的都换行。毫不留情一点空隙都不放过。而word-wrap:break-word则带有怜悯之心如果这一行文字有可以换行的点如空格或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的则就不打英文单词或字符的主意了让这些换行点换行至于对不对齐好不好看则不关心因此很容易出现一片一片牛皮癣一样的空白的情况。
至于如何记忆这两个CSS声明呢
首字母走起wbba(微博吧), wwbw(我五百万)
总结
1. word-spacing是单词之间间距的white-space是字符是否换行显示的
2. word-break:break-all正如其名字所有的都换行。毫不留情一点空隙都不放过
3. word-wrap:break-word则带有怜悯之心如果这一行文字有可以换行的点如空格或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的则就不打英文单词或字符的主意了让这些换行点换行至于对不对齐好不好看则不关心
