css使用記錄

karspb發表於2021-09-09

給DIV設定display:inline-block屬性後,這四個DIV會拍在一排,但是會個別的高一點,不對齊。
解決方法:
給div設定vertical-align:top


  1. <div>  

  2.     <div style="display:inline-block;vertical-align:top"></div>  

  3.     <div style="display:inline-block;vertical-align:top"></div>  

  4.     <div style="display:inline-block;vertical-align:top"></div>  

  5.     <div style="display:inline-block;vertical-align:top"></div>  

  6. </div>  



多個div橫向排列,可以用display:inline-block


多瀏覽器相容,在於border-radius,shanow

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2001/viewspace-2816685/,如需轉載,請註明出處,否則將追究法律責任。

相關文章