html中两个大小标题如何以底线对齐

clipboard.png
这两个标题改用什么方法以下面底线对齐,而不是上满对齐呢~

阅读 8.4k
7 个回答

向题主推荐flexbox布局,只需针对他们的父元素加上:

.parent {
  display: flex;
  align-items: baseline;
}

一切水到渠成。

只能说你把它们的line-height值调一调
因为css里面文字本身占的大小就是所谓的“行”

右边的属性加个line-height,然后按F12调一下完事

可以尝试一下这两种对齐

有没有像用bottom这样属性来调整的

vertical-align

浮动后就不能 同时应用vertical-align:bottom 使他们向下对齐,
可以给浮动元素加margin-top:* px

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