分享更有价值
被信任是一种快乐

如何使用CSS解决文本溢出问题

文章页正文上

这篇文章主要介绍了如何使用CSS解决文本溢出问题的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何使用CSS解决文本溢出问题文章都会有所收获,下面我们一起来看看吧。
  CSS
  创建省略号后面的CSS非常简单,包括宽度,包装,溢出和文本溢出:
  .dataTabletd{
  /*essential*/
  text-overflow:ellipsis;
  width:200px;
  white-space:nowrap;
  overflow:hidden;
  /*外观漂亮*/
  padding:10px;
  }
  设置宽度提供明显的边界,白色空间阻止正常的下一行换行,隐藏溢出确保宽度维度得到遵守,文本溢出设置提供省略号。太棒了吧?但是有一个问题……
  Firefox和省略号
  不幸的是,Firefox目前不支持文本溢出:省略号。DojoToolkit为Firefox提供了一个简单的解决方案:dojox.html.ellipsis。此资源使用iFrame填充程序来创建省略号。以下是如何使用它:
  //需要资源dojo。require(“dojox.html.ellipsis”);
  在需要JavaScript资源之后,是时候dojoxEllipsis在页面中放置一个节点,表明dojox.html.ellipsis资源应该对它进行椭圆化:
免费云主机、域名
  Pellentesque居住者morbitristiquesenectusetnetusetmalesuada…

相关推荐: css伪类和伪元素间的实例对比分析

这篇文章主要介绍了css伪类和伪元素间的实例对比分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css伪类和伪元素间的实例对比分析文章都会有所收获,下面我们一起来看看吧。   伪类   伪类是选择HTML文档的某些部分的方式,原…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册