CSS

多个高度相同, 属性inline-block的div,有的div没有内容而有的div有内容,有内容的会下沉?

字号+ 编辑: 种花家 修订: 种花家 来源: 网络转载 2023-09-15 我要说两句(0)

css编写者遇到的常见问题

这里提供一个参考解决方案:

框内有文字和没文字的区别,高度伸展的方向是不一样的。当div含有文字内容的时候,高度是向下扩展的; 当div内部不包含文字内容时, 其高度是向上扩展的。这里涉及了line-height,vertical-align,height等相关属性。

框的高度都一样,所以设置一下vertical-align就可以让3个框都在同一水平上,top,bottom,middle 都可以,高度不一样的时候就会发生效果不统一的问题。

阅完此文,您的感想如何?
  • 有用

    0

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • 让整个网页全局变成黑白色调的css代码

  • CSS生成内容

  • CSS3外轮廓属性

  • 自由缩放属性resize

我要说说
网上宾友点评