内联块级元素
来源：12-4 我还要站个大位置 - 内联块状元素
有间店铺
2017-03-11 15:32
<style type="text/css">
a{
display:inline-block;
width:20px;/*在默认情况下宽度不起作用*/
height:20px;/*在默认情况下高度不起作用*/
background:pink;/*设置背景颜色为粉色*/
text-align:center; /*设置文本居中显示*/
}
</style>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
把<a>标签设置为内联块级元素之后，把width和height设置为50px之后，text-align:center 只是在X轴方向居中了，Y轴没有，怎么让文本在Y轴方向也对准呢？
写回答
关注
4回答
-
- 弥er
- 2017-03-11 18:05:49
垂直居中：分为单行和多行。单行直接利用height和line-height。多行：方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。
<style>
.wrap{height:300px;}
</style>
<body><table><tbody><tr><td class="wrap"><div>
<a>1</a> <a>2</a> <a>3</a><a>4</a>
</div></td></tr></tbody></table></body>你还可以直接跳到15-7章看详解
-
- 有间店铺
- 2017-03-17 20:49:34
在<a>标签的css代码再加入line-height:50px;即可实现，学到后面就知道了
-
- 慕码人0891399
- 2017-03-11 15:54:32
魔人已经垂直居中了吧
-
- helloQF
- 2017-03-11 15:49:50
a是内联元素？？
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题