Html 内联块元素之间的间距

Html 内联块元素之间的间距,html,css,Html,Css,默认情况下,内联块元素是否有空间?我认为页边距左边和页边距底部都设置为-4px(在chrome上,页边距底部为-5px)。他们为什么要这么做?我的意思是,正因为如此,当为所有这些内联块元素(每个元素都是25%)的容器设置边距顶部时,第三个元素将在下一行结束。为什么会出现这种情况?只需注释元素之间的空格和换行符,以避免不必要的边距: <div class="inline-block-element></div><!-- --><div class="in

默认情况下,内联块元素是否有空间?我认为
页边距左边
页边距底部
都设置为
-4px
(在chrome上,页边距底部为-5px)。他们为什么要这么做?我的意思是,正因为如此,当为所有这些
内联块
元素(每个元素都是25%)的容器设置
边距顶部时,第三个元素将在下一行结束。为什么会出现这种情况?

只需注释元素之间的空格和换行符,以避免不必要的边距:

<div class="inline-block-element></div><!--

--><div class="inline-block-element></div>

只需注释元素之间的空格和换行符,以避免不必要的边距:

<div class="inline-block-element></div><!--

--><div class="inline-block-element></div>

只需注释元素之间的空格和换行符,以避免不必要的边距:

<div class="inline-block-element></div><!--

--><div class="inline-block-element></div>

只需注释元素之间的空格和换行符,以避免不必要的边距:

<div class="inline-block-element></div><!--

--><div class="inline-block-element></div>

这里有两种避免空格的常用方法:

  • 可以将标记上移,以避免元素之间的换行:
    • 一个 两个 三
  • 或者您可以注释掉换行符:
    • 一个
    • 两个
    • 三个


    之所以获得空间,是因为元素之间有一些空间(制表符和换行符被视为“空格”)。通过消除元素之间的空格,可以解决问题。:)

    这里有两种常见的避免空间的方法:

  • 可以将标记上移,以避免元素之间的换行:
    • 一个 两个 三
  • 或者您可以注释掉换行符:
    • 一个
    • 两个
    • 三个


    之所以获得空间,是因为元素之间有一些空间(制表符和换行符被视为“空格”)。通过消除元素之间的空格,可以解决问题。:)

    这里有两种常见的避免空间的方法:

  • 可以将标记上移,以避免元素之间的换行:
    • 一个 两个 三
  • 或者您可以注释掉换行符:
    • 一个
    • 两个
    • 三个


    之所以获得空间,是因为元素之间有一些空间(制表符和换行符被视为“空格”)。通过消除元素之间的空格,可以解决问题。:)

    这里有两种常见的避免空间的方法:

  • 可以将标记上移,以避免元素之间的换行:
    • 一个 两个 三
  • 或者您可以注释掉换行符:
    • 一个
    • 两个
    • 三个



    之所以获得空间,是因为元素之间有一些空间(制表符和换行符被视为“空格”)。通过消除元素之间的空格,可以解决问题。:)

    我有75行以上的html代码,mate.:-(添加它并制作一个提琴。内联块元素被视为句子中的单词,因此如果代码中有空格(即缩进)然后你会在屏幕上看到它们之间的空格。要么删除空格,要么对其进行注释。这是否意味着打断空格也会导致-4倍的边距?取决于你的字体大小。我有75行以上的html代码,伙计:-(添加它并进行处理。内联块元素被视为句子中的单词,因此如果代码中它们之间有空格(即缩进)然后你会在屏幕上看到它们之间的空格。要么删除空格,要么对其进行注释。这是否意味着打断空格也会导致-4倍的边距?取决于你的字体大小。我有75行以上的html代码,伙计:-(添加它并进行处理。内联块元素被视为句子中的单词,因此如果代码中它们之间有空格(即缩进)然后你会在屏幕上看到它们之间的空格。要么删除空格,要么对其进行注释。这是否意味着打断空格也会导致-4倍的边距?取决于你的字体大小。我有75行以上的html代码,伙计:-(添加它并进行处理。内联块元素被视为句子中的单词,因此如果代码中它们之间有空格(即缩进)然后你会在屏幕上看到它们之间的空格。要么删除空格,要么对其进行注释。这是否意味着打断空格也会导致-4px边距?取决于你的字体大小。我尝试过左边距:-4px。这很有效。但为什么添加边距/填充顶部会影响元素的结构?你应该将内联块元素视为si单个单词。唯一的区别是它们也是标记,这意味着它们可以被设置样式,允许它们有一个边距来实际移动它们。如果有一种方法可以在css中只针对单个单词添加边距,那么您可以为单个单词添加边距。我尝试了左边距:-4px。这很有效。但是为什么添加边距/填充顶部会影响到元素?你应该把内联块元素看作是单个单词。唯一的区别是它们也是标记,这意味着它们可以被设置样式,允许它们有一个边距来实际移动它们。如果有办法在css中只针对单个单词,你可以在单个单词上添加边距。我尝试了左边距:-4px。这很有效ed.但是为什么添加边距/填充顶部会影响元素的结构呢?你应该把内联块元素看作单个单词。唯一的区别是它们也是标记,这意味着它们可以被设置样式,允许它们有一个实际移动它们的边距。如果有办法,你可以为单个单词添加边距在css中只针对那个单词。我尝试了左边距:-4px。这很有效。但是为什么添加边距/填充顶部会影响元素的结构呢?你应该把内联块元素看作单个单词。唯一的区别是它们也一样