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

首页课程实战体系课手记专栏慕课教程

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

来源：12-4 我还要站个大位置 - 内联块状元素

幺爷

2016-11-01 11:38

http://img.mukewang.com/58180dff000198b404720375.jpg

并没有显示居中啊

写回答关注

9回答

慕慕0677951

2017-04-02 10:27:09

<!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
sugar4344667

2016-11-12 23:06:40

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

0 0
慕粉3965217

2016-11-01 19:13:30

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

0 0
慕粉3206821

2016-11-01 12:22:55

必须要块状元素

1 0

幺爷

我已经把a设置成块状元素了啊

2016-11-01 15:08:16

共 1 条回复 >
慕粉4288254

2016-11-01 12:10:39

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

2 0

慕粉4288... 回复幺爷

看15-1 课。。

2016-11-01 18:19:02

共 2 条回复 >
天涯雪狼

2016-11-01 12:03:52

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

2 0

天涯雪狼回复幺爷

改为块状元素得按照块状元素的方法设置居中，或者你给a标签添加为一个块状元素的父元素

2016-11-01 18:22:56

共 2 条回复 >
看我ID就是这个

2016-11-01 11:56:56

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

1 0

幺爷

我已经把a设置成块状元素了啊

2016-11-01 15:07:07

共 1 条回复 >
慕粉3171080

2016-11-01 11:55:40

设置body text-align:center;

0 0
慕粉4262470

2016-11-01 11:54:49

注意区别

1 0

幺爷

我把背景给去掉了啊

2016-11-01 15:04:44

共 1 条回复 >