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

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

http://img1.sycdn.imooc.com//58180dff000198b404720375.jpg

并没有显示居中啊

正在回答

9 回答

<!DOCTYPE HTML>

<html>

<head>

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

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

<style type="text/css">

a{

   display:inline-block; 

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

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

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

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

}

body{text-align:center;}

</style>

</head>

<body>

<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>

</body>

</html>


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

额,其实你可以看到数字在分红背景下,每一个都是单独居中的

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

请点击右上角全屏模式看,这样看是没有任何意义的。

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

必须要块状元素

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

幺爷 提问者

我已经把a设置成块状元素了啊
2016-11-01 回复 有任何疑惑可以回复我~

把A标签改成块状元素就可以了。

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

幺爷 提问者

我已经把a设置成块状元素了啊
2016-11-01 回复 有任何疑惑可以回复我~
#2

慕粉4288254 回复 幺爷 提问者

看15-1 课。。
2016-11-01 回复 有任何疑惑可以回复我~

a标签不是块状元素,得设置为块状元素


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

幺爷 提问者

我已经把a设置成块状元素了啊
2016-11-01 回复 有任何疑惑可以回复我~
#2

天涯雪狼 回复 幺爷 提问者

改为块状元素得按照块状元素的方法设置居中,或者你给a标签添加为一个块状元素的父元素
2016-11-01 回复 有任何疑惑可以回复我~

a是内联元素,要让文本居中显示,必须把代码写在块级元素中像<div> <p> <h1>等,这是题目故意写错让你练习的吧

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

幺爷 提问者

我已经把a设置成块状元素了啊
2016-11-01 回复 有任何疑惑可以回复我~

设置body text-align:center;

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

http://img1.sycdn.imooc.com//581811cc0001c6a410990743.jpg注意区别

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

幺爷 提问者

我把背景给去掉了啊
2016-11-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

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