把内联元素转为块元素之后怎么让里面的内容上下左右居中显示

来源:12-4 我还要站个大位置 - 内联块状元素

慕工程2088687

2021-07-22 17:01

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>内联块状元素</title>

    <style type="text/css">

    a {

        display:inline-block;

        font-size:20px;

        width: 60px;

        /*在默认情况下宽度不起作用*/

        height: 90px;

        /*在默认情况下高度不起作用*/

        background: pink;

        /*设置背景颜色为粉色*/

        text-align: center;

        /*设置文本居中显示*/


    }

    </style>

</head>


<body>

    <a>1</a>

    <a>2</a>

    <a>3</a>

    <a>4</a>

    <br/>

    <a>1</a>

    <a>2</a>

    <a>3</a>

    <a>4</a>

</body>


</html>



怎么让文字居中啊,用padding可以  但是要自己计算很麻烦

写回答 关注

2回答

  • 猫呓
    2023-01-05 16:00:24

    添加一个ling-height:90px;

    猫呓

    line-height

    2023-01-05 16:00:44

    共 1 条回复 >

  • Wellfancy
    2021-07-22 20:38:44

    用text-align:center;

    Wellfa... 回复慕工程208...

    上下左右都居中的话,因为你html里用的是不定宽高的内容,所以加两个父子div对,再给父子div对进行定位

    2021-07-23 21:23:47

    共 4 条回复 >

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

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

1225297 学习 · 18230 问题

查看课程

相似问题