css text-align: justify; 实现两端对齐文

作者: 酷酷的小k | 来源:发表于2019-03-29 15:45 被阅读0次

效果如下：

image.png

<!DOCTYPE html>

<html>
    <head>
        <title>Test</title>
        <meta charset="UTF-8"/>
        <style type="text/css">
            .con-1 {
                width: 200px;
            }
            .con-2 {
                width: 200px;
                text-align: justify;
            }
        </style>
    </head>
    <body>
        <p class="con-1">
            Built directly on Spring Boot's innovative approach
            to enterprise Java, Spring Cloud simplifies distributed,
            microservice-style architecture by implementing proven
            patterns to bring resilience, reliability, and coordination
            to your microservices.
        </p>
        <hr/>
        <p class="con-2">
            Built directly on Spring Boot's innovative approach
            to enterprise Java, Spring Cloud simplifies distributed,
            microservice-style architecture by implementing proven
            patterns to bring resilience, reliability, and coordination
            to your microservices.
        </p>
    </body>
</html>