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

为什么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 回复 有任何疑惑可以回复我~

有两种常用的CSS方法可以让网页中的内容居中显示:

1、如果你想把块标签中的内容居中,那么设置其块标签的text-align值为center即可

2、如果你想把块标签本身居中,那么你可以为这个块标签设置一个固定且合适的宽度(width:XXpx;),当然其本身有固定宽度最好,然后设置标签的左右margin值为aoto:

例如

margin:0 aoto 0 auto;

margin表示外边距,四个值分别为上、左、下、右


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

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

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

<a>标签是个内联元素,你设置宽高是没用的,不能设置宽高。然后text-align:center是在元素中的文本的水平对齐方式,你可以a{}中添加display:block,然后把宽高设置的大一点就可以看到居中了

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

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

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

叫我元袁403143

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

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

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

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

举报

0/150
提交
取消

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

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