text-align:justify;使用

最新推荐文章于 2024-08-21 16:13:13 发布

shi_1204

最新推荐文章于 2024-08-21 16:13:13 发布

阅读量736

点赞数

分类专栏： css 文章标签： justify

本文链接：https://blog.csdn.net/shi_1204/article/details/79447420

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在开发过程中，对于text-align一般用到的是left,center,right，这三个属性都不会陌生。对于justify的使用却很模糊.

<head>
<meat charset="utf-8">
<title>justify多行使用</title>
<style>
p{width:50px;
text-align:justify;}
</style>
</head>
<body>
<p>justify多行使用justify多行使用justify多行使用</p>
</body>

注意: 多行使用时当文字两端占满整行宽度时才有效.

<head>
<meat charset="utf-8">
<title>justify单行使用</title>
<style>
p{width:200px;
text-align:justify;
float:left;}
p::after{
content:'';
display:inline-block;
overflow:hidden
width:100%;
height:0;
}
</style>
</head>
<body>
<p>单行使用</p>/*文字和标签要在同一行,如果不在同一行系统会默认在文字后面加上空格*/
</body>