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

    表格中的内容必须放在列中,也就是必须放在lt;tdgt;lt;/tdgt;中。

  • 慕粉3603490
    2016-07-12 10:58:32

    甚至上下边距也可以啊

  • 慕工程0412834
    2016-07-12 10:54:34

    设置行高line-height就可以垂直居中了

    羊跳

    所以说上下居中要手动设置,没法自动?

    2016-07-12 11:00:30

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题