text-align:justify_內容居中對齊 - diligenceday－IT工程師數位筆記本

文章出處

一直發現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>