css相关文本样式探究

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值