看代码，如何是1234在方块的中间，不是仅仅水平居中。
来源：12-4 我还要站个大位置 - 内联块状元素
Web小白小白
2016-04-12 10:35
<!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:50px;/*在默认情况下宽度不起作用*/
height:50px;/*在默认情况下高度不起作用*/
background:pink;/*设置背景颜色为粉色*/
text-align:center; /*设置文本居中显示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>
写回答
关注
4回答
-
- HTMLKL
- 2016-04-12 11:07:23
在 text-align:center; 下面加line-height:50px;吧！我试了是在中间，你试试
-
- 叫我元袁403143
- 2017-06-20 17:19:51
不可以的呢
-
- Gloomyline
- 2016-04-12 11:20:19
楼上正解。
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。这里设置“a”元素的行高和内容的字体大小一样即可达到你要的效果。
-
- Web小白小白
- 2016-04-12 10:36:56
急啊啊
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225812 学习 · 18234 问题
相似问题