关于在盒模型中让文字居中问题

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

离歌笑_0002

2015-07-11 11:32

输入 vertical-align:middle;这个怎么不能让其垂直居中?

写回答 关注

2回答

  • sytl1989
    2015-08-06 18:10:54

    vertical-align是将当前元素放到上一级元素的中间 也就是这个盒子全体会在上一级元素的中间 而不是里面的文字在盒子的中间

  • _潇潇暮雨
    2015-07-11 17:58:56

    设置行高为容器的高度即可:

    #box1{
        width:100px;
        height:100px;
        padding:10px;
        text-align:center;
        line-height:100px;    /* 文字垂直居中 */
        border:1px solid red;
    }


    不劳虎 回复离歌笑_00...

    加入 display:table-cell; vertical-align就可以起作用了

    2016-02-11 05:55:11

    共 3 条回复 >

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

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

1225811 学习 · 18234 问题

查看课程

相似问题