为了账号安全,请及时绑定邮箱和手机立即绑定

看代码,如何是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>



正在回答

4 回答

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

0 回复 有任何疑惑可以回复我~
#1

Web小白小白 提问者

谢谢,我若是女子就以身相许了。可惜不是
2016-04-21 回复 有任何疑惑可以回复我~
#2

羊跳

这样的话就不是因为“text-align:center”这句话让它上下居中了,而是自己手动设置了高度
2016-07-12 回复 有任何疑惑可以回复我~

不可以的呢

0 回复 有任何疑惑可以回复我~

楼上正解。

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

0 回复 有任何疑惑可以回复我~

急啊啊


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信