首页 > 如果p标签的设置height的比较大,怎么让p标签中文字在p的底部?

如果p标签的设置height的比较大,怎么让p标签中文字在p的底部?

问题1如标题,如果使用padding-top的话,会把p元素撑大,不知该如何解决?

第二个问题是把a标签设置成inline-block,使用margin:0 auto,但是a标签
没有进行居中是怎么回事?


问题 1:你要设置好相应的高度和padding 值,让他们的和等于 你想要的高度
问题 2
方案如下

(1)
    p{
      height: 100px;
    }
    p:before{
      display: inline-block;
      content:'';
      width: 0;
      height: 100%;
      vertical-align: middle;
    }
    p a{
      display: inline-block;
      vertical-align: middle;
    }

(2)通过设置p的padding ..但是推荐用(1)


inline-block元素没有完全block级的特性啊,需要在父元素上来个text-align:center居中。
height较大呢,让p内容在底部的话,用light-height设置值大于height..

【热门文章】
【热门文章】