Rumah > Artikel > hujung hadapan web > css怎么设置两个字和三个字对齐
css怎么设置两个字和三个字对齐
- 青灯夜游asal
- 2021-03-09 14:55:148719semak imbas
在css中，可以使用text-align属性来让两个字和三个字对齐；只需要给文本元素设置“text-align: justify;”样式即可，该样式可以实现文本两端对齐效果，让三个字和两个字对齐。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css两个字和三个字对齐
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p{
width: 70px;
height: 40px;
line-height: 40px;
background: paleturquoise;
text-align: justify;
}
p > span {
display: inline-block /* Opera */;
padding-left: 100%;
}
</style>
</head>
<body>
<p>你好<span></span></p>
<p>大家好<span></span></p>
<p>同学们好<span></span></p>
</body>
</html>效果图：
说明：
在CSS中，text-align 有一个属性值为 justify ，为对齐之意。其实现的效果就是可以让一行文字两端对齐显示（文字内容要超过一行）。
但是光使用它依然没什么卵用…..
要使文字两端对齐，我们还得使用一个行内空标签来助阵，比如 45a2772a6b6107b401db3c9b82c049c2 、 5a8028ccc7a7e27417bff9f05adf5932 等等，这里是我用 5a8028ccc7a7e27417bff9f05adf5932 标签
Atas ialah kandungan terperinci css怎么设置两个字和三个字对齐. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css中怎么改变超链接颜色Artikel seterusnya：css上下间距怎么设置