zoukankan      html  css  js  c++  java
  • text-align:justify_内容居中对齐

    一直发现text-align : justify这个对齐方式不好使,都不知道为什么么么哒;

    因为两端对齐的这个行的结束要一个有空字符串或者别的不可见的字符,用户代理会把这个行的最后几个字符往右边拉,实现两端对齐;

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>test-align:justify</title>
    </head>
    <body>
    <style>
    p{
        width:200px;
        text-align:justify;
        word-break:break-all;
    }
    </style>
    <p>
        justify居中对齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中</p>
    <p>
        sdfsdfsdfjustfysdfs    f    f    f    f    f     fdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfyustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfy
    </p>
    <p>
        sdfsdfsdfju                 
         stfysdfsdfsdfjustfysdfsdfsdf                 
         justfysdfsdf                 sdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsd                 
         fsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfj                 ustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfj                 
         ustfyustfysdfsdfsdfjustfysd                 fsdfsdfjustfysdfsdfsdfj                 ustfysdfsdfsdfjustfysdfsdfsdfj                 
         ustfysdfsdfsdfjustfy
    </p>
    <p>
        我 是一段可以两端对齐的文字, 你 仔细看看, 我 的对齐方式都贴着 容器左右的边缘。
    </p>
    </body>
    </html>
  • 相关阅读:
    语录
    Python 自动化Web测试
    HTTP监视网络
    网络端口的转发和重定向
    [翻译]对为Microsoft Robotics Studio的设计做贡献感兴趣?
    [翻译]谈话记录:介绍Microsoft Robotics Studio
    [视频]名家讲坛ASP.NET之父Scott Guthrie[上海站]
    如何使用AJAX RoundedCorners Extender控件(视频字幕)
    给SlideShowExtender增加链接
    delphi7调用c#写的webservice(.net2.0)
  • 原文地址:https://www.cnblogs.com/diligenceday/p/4018462.html
Copyright © 2011-2022 走看看