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

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

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

提问者:离歌笑_0002 2015-07-11 11:32

个回答

  • 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;
    }