代码改变世界

padding下中英文左右两端对齐

2016-10-27 16:42  改吧  阅读(476)  评论(0编辑  收藏  举报
<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>helo</title>
    <style type="text/css">
        .div{
            width:200px;
            height:300px;
            padding: 20px;
            color:#000;
            background: red;
            font-size: 16px;
            font-family: Serif;
            word-break:break-all;
            text-align: justify;
        }
    </style>
</head>
<body>
<div class='div'>
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊aaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>

主要是text-align:jusity起作用了,你可以把这句css注释掉看看区别