源自：12-4 我还要站个大位置 - 内联块状元素
text-align:center; /*设置文本居中显示*/并没有啊
并没有显示居中啊
提问者：幺爷
2016-11-01 11:38
个回答
-
- 慕慕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>
-
- sugar4344667
- 2016-11-12 23:06:40
额，其实你可以看到数字在分红背景下，每一个都是单独居中的
-
- 慕粉3965217
- 2016-11-01 19:13:30
请点击右上角全屏模式看，这样看是没有任何意义的。
-
- 慕粉3206821
- 2016-11-01 12:22:55
必须要块状元素
-
- 慕粉4288254
- 2016-11-01 12:10:39
把A标签改成块状元素就可以了。
-
- 天涯雪狼
- 2016-11-01 12:03:52
a标签不是块状元素，得设置为块状元素
-
- 看我ID就是这个
- 2016-11-01 11:56:56
a是内联元素，要让文本居中显示，必须把代码写在块级元素中像<div> <p> <h1>等，这是题目故意写错让你练习的吧
-
- 慕粉3171080
- 2016-11-01 11:55:40
设置body text-align:center;
-
- 慕粉4262470
- 2016-11-01 11:54:49
注意区别