您当前的位置:首页 > 建站常识 > css强化

span设置text-indent不起作用

2014-09-09

  对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,解决方法就是display:inline-block,遇到问题的朋友可以尝试下bnt七七世界-网站建设|UI设计|人资系统|二次开发

     代码如下:
     <p>
     <span>Test one</span>
     <span class="t-i">text-indent</span>
     <span>Test two</span>
     </p>bnt七七世界-网站建设|UI设计|人资系统|二次开发

  对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,但是如果让span{display:block}时,就会换行,还得通过浮动来控制,增加了麻烦,所以改css为span.t-i{text-indent:-999px;display:inline-block;}bnt七七世界-网站建设|UI设计|人资系统|二次开发

本文关键词:span设置text-indent不起作用  元素  尝试  作用  代码  就是  这是  方法  朋友  问题  

一切精彩源自七七网络!我们倾力打造时尚潮流第一线!

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1