在线
客服

发布
需求

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

浮动与内联块级元素

浮动模型
       
        div{
                width:500px;
                height:400px;
                border:2px solid red;
                /*display:inline-block;*/
                float:left;
        }


       


        栏目1

        栏目2



如果用左浮动,两个div之间没有间距,而用内联块级元素,则两个div是有间距的,这是为什么?如果我只想用内联块级元素,两个div之间的间距怎么去除(就像左浮动的效果一样)?

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与3

212501ah3o3yyyh0gppyyz.jpg
这样写可破,至于原因是因为html中那个换行符产生的空格,你也可以不换行、设字体大小为0、设负的margin啥的,方法很多,不过大多都会有点小毛病,还是这种方法简单直接

使用道具 举报

使用内联块级元素间距问题结解决方案:父元素设置font-size:0px;子元素根据内容设置大小,便可以实现无间距,还有一种方法就是让每个内联块级元素的首个放在上个
例:

  • 111
  • 222
  • 333
  • 444
  • 555
  • 666
  • 777

使用道具 举报

用内联块级元素左浮动也是没有间距的。能把问题详细的说一下么

使用道具 举报

发新帖
国内首家创新型IT技术需求众包服务平台,软件需求就上天盟网! 立即登录 立即注册