css3属性将单词换行并添加中划线(连字符)
1、HTML页面,必须为英文语言<html lang="en-US">2、CSS页面:.product-desc{ width:520px; max-height:160px; overflow:hidden; hyphens:auto}效果:这样就把单词performance换行并添加连字符了。如果不添加hyphens:auto,后面就空出一截不好看:...
·
1、HTML页面,必须为英文语言
<html lang="en-US">
2、CSS页面:
.product-desc{ width:520px; max-height:160px; overflow:hidden; hyphens:auto}
效果:这样就把单词performance换行并添加连字符了。
如果不添加hyphens:auto,后面就空出一截不好看:
如果添加text-align:justify,强制两端对齐单词间距就会很大,也不好看:
由于设置了语言,lang="en-US",对中文无影响:
更多推荐
已为社区贡献1条内容
所有评论(0)