CSS

多個高度相同, 屬性inline-block的div,有的div沒有内容而有的div有内容,有内容的會下沉?

字號+ 編輯: 种花家 修訂: 种花家 來源: 网络转载 2023-09-15 我要說兩句(0)

css編寫者遇到的常見問題

這裡提供一個參考解決方案:

框内有文字和沒文字的區別,高度伸展的方向是不一樣的。當div含有文字内容的時候,高度是向下擴展的; 當div内部不包含文字内容時, 其高度是向上擴展的。這裡涉及了line-height,vertical-align,height等相關屬性。

框的高度都一樣,所以設置一下vertical-align就可以讓3個框都在同一水平上,top,bottom,middle 都可以,高度不一樣的時候就會發生效果不統一的問題。

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

    1

  • 沒用

    1

  • 開心

    1

  • 憤怒

    1

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • 讓整個網頁全局變成黑白色調的css代碼

  • CSS生成内容

  • CSS3外輪廓屬性

  • 自由縮放屬性resize

我要說說
網上賓友點評