text-align:center居中问题
来源：12-4 我还要站个大位置 - 内联块状元素
羊跳
2016-07-12 10:45
<!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:50px;/*在默认情况下高度不起作用*/
background:pink;/*设置背景颜色为粉色*/
text-align:center; /*设置文本居中显示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>
text-align:center只能水平居中，上下居中要手动设置line-height？
写回答
关注
3回答
-
- 慕移动9181930
- 2022-03-24 12:26:56
-
- 慕粉3603490
- 2016-07-12 10:58:32
甚至上下边距也可以啊
-
- 慕工程0412834
- 2016-07-12 10:54:34
设置行高line-height就可以垂直居中了
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题