当前位置: 首页 > 面试题库 >

显示:内联块-那是什么空间?

闻人吕恭
2023-03-14
问题内容

内联块之间有这个怪异的空间。我可以忍受它,直到通过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)


 类似资料:
  • 问题内容: 我在这里有一个有效的代码:(您可能需要将结果窗口放大以查看居中对齐效果) 题 该代码工作正常,但我不喜欢这样。这是使环绕类对齐中心的唯一方法。我认为,如果有一种使用方法或更好。是否可以用其他方法解决对齐中心? 对我来说,向容器添加一个固定的不是一个选择。 如果将来JS Fiddle链接损坏,我还将在这里粘贴代码: 问题答案: 可接受的解决方案对我而言不起作用,因为我需要一个子元素在10

  • 问题内容: 我指的是这种讨论。我从未用C或C++编写任何代码。我没有任何CS背景。但是,我从事Java开发人员已有5年了,现在我决定学习更多有关CS的知识,并进行一些后续工作。 问题答案: 在执行给定的代码段时,无论何时调用标准函数,执行时间都比将其中包含的代码转储到该函数中略高。每当在函数中包含的整个代码都无法维护时,就进行转储,因为这显然会导致整个代码重复。 内联 通过让您将函数声明为 内联(

  • 问题内容: 我与几个工作被设置为s ,并有一组和。在HTML中,如果在每行之后都有一个换行符,则会在div的右侧和底部自动添加5px的边距。 例: 是否有我忽略的属性可以让我重置自动保证金? 更新资料 从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例: 这不是最佳的解决方案,但是如果您有多行代码,则仍然更易于阅读。 问题答案: div被视为

  • 问题内容: 有人可以帮我解决这个错误吗?使用Firefox可以正常工作,但是不能使用Internet Explorer 7。好像看不懂了。 HTML: CSS: 问题答案: IE7 黑客如下: 默认情况下,IE7仅支持自然元素(Quirksmode兼容性表),因此您仅需要针对其他元素进行破解。 是在那里触发行为的,我们使用star属性hack来仅将IE7及更低版本中的设置为(新的浏览器将不应用此功

  • 问题内容: 说我有以下代码 我希望它在IE8中显示内联。我到处阅读的所有内容都说这应该可行,IE8支持内联块。但是,经过一个上午的尝试,我无法获得上述排队。我知道我可以浮动它,但要使用页面上的其他元素(此处未显示),我需要使用一个“ clearfix”,其标记更多。我只需要针对IE8,很想知道为什么内联块对我显然不起作用,但对我来说却不起作用。在Google Chrome浏览器中,上面的代码可以实

  • 问题内容: 我正在处理一些设置为并具有和的。在HTML中,如果在每行之后都有一个换行符,则会在div的右侧和底部自动添加5px的边距。 例: 是否有我忽略的属性可以让我重置自动保证金? 更新资料 从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例: 这不是最佳的解决方案,但是如果您有多行,它仍然更易于阅读。 问题答案: div被视为内联元素。