text-align属性(CSS规定文本的水平对齐方式)
text-align属性
text-align作为HTML元素属性其主要是用来文本水平居中的。
在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值justify；不同用户代理可能会得到不同的结果。
CSS规定文本的水平对齐方式
baseline默认
sub下标，和<sub>标签一样的效果
super上标，和<sup>标签一样的效果
top顶端对齐
text-top文字顶端对齐
middle中线垂直对齐
bottom对象的底端与文字底部对齐
text-bottom文字对齐
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<styletype="text/css">
.a1{
/*vertical-align:top;background:lightcoral;opacity:0.7;*/
/*vertical-align:text-top;background:lightgray;*/
/*vertical-align:middle;font-size:30px;*/
/*vertical-align:bottom;background:lightgray;*/
vertical-align:text-bottom;
}
</style>
</head>
<body>
<pstyle="direction:ltr;">我是p标签我是p标签我是p标签</p>
<pstyle="direction:rtl;">我是p标签我是p标签我是p标签</p>
<pstyle="text-align:right;">我是p标签我是p标签我是p标签</p>
<pstyle="text-align:left;">我是p标签我是p标签</p>
<pstyle="text-align:center;">我是p标签我是p标签我是p标签</p>
<pstyle="line-height:30px;background:lightblue;">我是p标签我是p标签</p>
<pstyle="vertical-align:baseline;">我是p标签我是p标签我是p标签</p>
<p>A<spanstyle="vertical-align:sub;">4</span></p>
<p>Q<spanstyle="vertical-align:super;">2</span></p>
<divstyle="background:lightblue;height:30px;">
我是div
<spanclass="a1">
我是s
</span>
</div>
</body>
作品标签： text
优秀作品：
最新作品：
评论列表（共167人参与）参与讨论或分享设计作品获得视觉癖积分奖励
、了解平面注册会员
2020-12-13 0:39:20
iv> photoshop复制图像的一起新建图层快捷键是：ctrl+J，即通过复制的图层。如下图： ps新建图层办法二： "/uploads/allimg/201214/1-2012141Z054.jpg" style="
回复
标志作为注册会员
2020-12-13 17:53:37
出软件层面了游客
2020-12-13 19:28:9
游客50641：text-align属性n: center;"> -size:14px;"> 抖音上很火的带字潮图 1.女人，小时候有爸爸疼，
回复
