- white-space : normal | pre | nowrap 这个属性的话一般要用的话就是后面的nowrap 了,意思就是让一个标签里的内容在一行显示,如果这行显示不下也要强制显示出来。有兴趣可以参考百度的首页,它上面就用到了这个属性,这是在我学习CSS时查看百度首页CSS时发现的。不过现在已经不存在了。
- word-wrap : normal | break-word 这个属性主要使用的是break-word ,用于强制换行显示。比如一个很长的字符串:asdfdfasdfsdfagddgasdghshashfha超过了容器的宽度,这样就强制换行了,例如:
asdfdfasdfsdfagddgasdghshashfha
- 这个属性在CSS3之前一直属于IE的特有属性,后来出来了CSS3后目前非IE的最新浏览器都支持这个属性。微软确实有先见之明,包括一系列的滤镜功能等待。
- text-overflow : clip | ellipsis 要说的就是ellipsis 这个属性,用于当超过容器的宽度是出现省略号,非常不错而且强大很实用。这个属性同样是微软的IE6开始就出现了,现在CSS3里也有这个属性了,但是火狐FF以及Opera的最新版浏览器都不支持,很是可惜了。下面说明一下就是在使用这个属性时需要额外加两个属性才能出现:一是,overflow:hidden; 二是,white-space:nowrap;
asdfdfasdfsdfagddgasdghshashfha就是这样了。
css相关文本样式探究
最新推荐文章于 2024-04-18 14:20:55 发布