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

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

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

阅读 7.8k
2 个回答

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

问题 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)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题