zoukankan      html  css  js  c++  java
  • 如何去除内联元素(inlineblock元素)之间的间距

    前几天写一个专题页

    div{900px;}
    div a{ display:inline-block; 300px;}
    <div>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
    </div>

    发现这个900的容器居然容不下3个300的a,纠结了一下,偷偷把里面的a变小了一点点。但是后来被同事发现了,说这个是因为inline元素和inline-block默认都会有间距。可以把它浮动起来,间距就会消失的。float:left;之后间距果然消失了。

    下面总结了几条去除inline元素和inline-block元素去除间距的方法:

    1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。

    2、设置margin-right为负值,但要考虑上下文的字体和文字大小。

    3、先设定子元素字体,再设置父元素font-size:0px;////chrome中:-webkit-text-size-adjust:none;

    4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。

    5.float:left;

    学透前端行业所有技术,玩遍北京周边所有城市。然后我会回到那个生我养我的地方,因为有亲人的地方才是家。
  • 相关阅读:
    Silverlight如何logging?
    写一个Attribute用于标注类的核心函数, 方便阅读
    WPF : 如何使用DataTemplateSelector
    WPF : 性能调整
    组成UI的元素
    DemoFlowControl
    对象设计: 数据边界(Data Scope)
    sql for xml path用法
    行列转置快速实现
    js移除数组中德重复数据
  • 原文地址:https://www.cnblogs.com/snowinmay/p/2829634.html
Copyright © 2011-2022 走看看