ITPub博客

首页 > IT职业 > IT职场 > css使用记录

css使用记录

IT职场 作者:karspb 时间:2021-09-09 10:06:57 0 删除 编辑

给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博客 ” ,链接:https://blog.itpub.net/2001/viewspace-2816685/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-31

  • 博文量
    222
  • 访问量
    16821