text-align：justify_内容居中对齐
⼀直发现text-align : justify这个对齐⽅式不好使，都不知道为什么么么哒；
因为两端对齐的这个⾏的结束要⼀个有空字符串或者别的不可见的字符，⽤户代理会把这个⾏的最后⼏个字符往右边拉，实现两端对齐；
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test-align:justify</title>text align center
</head>
<body>
<style>
p{
width:200px;
text-align:justify;
word-break:break-all;
}
</style>
<p>
justify居中对齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  justify居中对齐齐  ju <p>
sdfsdfsdfjustfysdfs    f    f    f    f    f    fdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfjustf </p>
<p>
sdfsdfsdfju
stfysdfsdfsdfjustfysdfsdfsdf
justfysdfsdf                sdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsd
fsdfjustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfj                ustfysdfsdfsdfjustfysdfsdfsdfjustfysdfsdfsdfj
ustfyustfysdfsdfsdfjustfysd                fsdfsdfjustfysdfsdfsdfj                ustfysdfsdfsdfjustfysdfsdfsdfj
ustfysdfsdfsdfjustfy
</p>
<p>
我是⼀段可以两端对齐的⽂字，你仔细看看，我的对齐⽅式都贴着容器左右的边缘。
</p>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。