显示：内联块-那是什么空间？

  • Z时代
  • 2024-01-10
  • 分类：问答

内联块之间有这个怪异的空间。我可以忍受它，直到通过AJAXCall加载更多内容时，微小的空间就会消失。我知道我在这里想念什么。

div {
    width: 100px;
    height: auto;
    border: 1px solid red;
    outline: 1px solid blue;
    margin: 0;
    padding: 0; 
    display: inline-block;
}

如何使内联块中的间距一致？

回答：

该空格在HTML中。有几种可能的解决方案。从最好到最坏：

  1. 删除HTML中的实际空间（理想情况下，服务器在提供文件时可以为您做到这一点，或者至少您的输入模板可以适当地隔开）http://jsfiddle.net/AWMMT/2/

  2. 使用float: left代替display: inline-block，但这会对身高产生不良影响：http : //jsfiddle.net/AWMMT/3/

  3. 将容器的font-size值设置为0并font-size为内部元素设置一个合适的值：http : //jsfiddle.net/AWMMT/4/-这很简单，但是您不能利用内部元素的相对字体大小规则（百分比，em）

以上是 显示：内联块-那是什么空间？ 的全部内容， 来源链接： utcz.com/qa/401620.html

回到顶部