• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    使用text-align:justify实现两端对齐一例
    text-align:justify只能对多行中的非最后一行进行两端对齐。对于单行自己没办法,IE有text-justify 可以解决问题,对了非IE的我的方式比较垃圾,因为只在特殊场合下才会用。

     Example Source Code [www.52css.com]
    .justify{
    height:1.1em;
    overflow:hidden;
    text-align:justify;
    text-justify :distribute-all-lines;
    }
    div.cn:after {
    content: "__________________________________________";
    font-size:100px;

      对了非IE的我是使用content还增加内容达到有第二行,才会在第一行两端对齐。

      不过各浏览器对中文的理解不一样。Firefox 是直接分割中文,Opera不会分割中文,只认空格,要是在中文中间插点半角的英文或者标号它还会对不齐,safari接近Opera。都是不加空格没法分。

      英文比较好,因为大家只能用空格分来单词,不过IE用text-justify :distribute-all-lines来分真是难看得要命。本来想过用htc或者js帮IE,可是发现,IE6好笨的说,家里没IE7不知道怎样。

      或者敲空格是一种比较好的方式,可firefox这种只放大文本的浏览器一放大文字就XX了,我写的那个烂方法也只有在一定的情况下有用,想起一句话:珍惜生命,远离Firefix!
    您可能感兴趣的文章:
    • JS实现控制表格行文本对齐的方法
    • text-align:justify实现文本两端对齐 兼容IE
    上一篇:css别忘记清除浮动clear:both
    下一篇:CSS整体布局声明的一些使用技巧
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    使用text-align:justify实现两端对齐一例 使用,text-align,justify,实现,