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

看代码，如何是1234在方块的中间，不是仅仅水平居中。

<!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>



提问者：Web小白小白 2016-04-12 10:35

个回答

  • HTMLKL
    2016-04-12 11:07:23
    已采纳

    在 text-align:center; 下面加line-height:50px;吧！我试了是在中间，你试试

    0
  • 叫我元袁403143
    2017-06-20 17:19:51

    不可以的呢

    0
  • Gloomyline
    2016-04-12 11:20:19

    楼上正解。

    父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。这里设置“a”元素的行高和内容的字体大小一样即可达到你要的效果。

    0
  • Web小白小白
    2016-04-12 10:36:56

    急啊啊


    0