为了账号安全,请及时绑定邮箱和手机立即绑定

为什么text-align:center不能居中了

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>内联块状元素</title>

<style type="text/css">

a{

    

width:20px;/*在默认情况下宽度不起作用*/

height:20px;/*在默认情况下高度不起作用*/

background:pink;/*设置背景颜色为粉色*/

text-align:center; /*设置文本居中显示*/

}

boby {text-align:center;}

</style>

</head>

<body>

<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>

</body>

</html>


正在回答

6 回答

如果你是想实现1234在页面上居中

<body>

<center>

<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>

</center>

</body>


0 回复 有任何疑惑可以回复我~

如果你是想实现1234在页面上居中,可以div{ text-align:center},然后将<div>写为<a>的父元素

0 回复 有任何疑惑可以回复我~

a 是内联元素不是块状元素,加一个display:block;就可以了

2 回复 有任何疑惑可以回复我~
#1

叫我元袁403143

不可以的
2017-06-20 回复 有任何疑惑可以回复我~

<a>标签不能这么用的,如果想要居中,可以在<a>的外面套一层<p>或者<div>。

另外我试过将你代码里的<a>改成<p>,也要去掉width和height属性才可以居中。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么text-align:center不能居中了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信