问答详情
源自：12-4 我还要站个大位置 - 内联块状元素

内联块级元素

<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轴方向也对准呢？

提问者：有间店铺 2017-03-11 15:32

个回答

  • 弥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章看详解

    0
  • 有间店铺
    2017-03-17 20:49:34

    在<a>标签的css代码再加入line-height:50px;即可实现，学到后面就知道了

    0
  • 慕码人0891399
    2017-03-11 15:54:32

    魔人已经垂直居中了吧

    0
  • helloQF
    2017-03-11 15:49:50

    a是内联元素？？

    1