Css 内联元素的填充

Css 内联元素的填充,css,w3c,Css,W3c,我正在读一本关于CSS基础知识的书。书中声称内联元素具有完整的填充属性,但没有页边距顶部/底部属性,只有页边距左侧/右侧属性 我的第一个问题是,我在哪里可以找到这一官方声明?我发现,如果页边距顶部/底部设置为auto,则设置为0。但这与说边距上/下不适用于内联元素不是有区别吗 我的第二个问题是,内联元素真的有完整的填充属性吗?我尝试了以下示例: 测试测试测试测试测试测试 hello测试 但由于某些原因,它对周围的文本没有影响 尝试在strong元素中用margin替换padding,

我正在读一本关于CSS基础知识的书。书中声称内联元素具有完整的填充属性,但没有页边距顶部/底部属性,只有页边距左侧/右侧属性

我的第一个问题是,我在哪里可以找到这一官方声明?我发现,如果页边距顶部/底部设置为
auto
,则设置为
0
。但这与说边距上/下不适用于内联元素不是有区别吗

我的第二个问题是,内联元素真的有完整的填充属性吗?我尝试了以下示例:


测试测试测试测试测试测试 hello测试

但由于某些原因,它对周围的文本没有影响

尝试在
strong
元素中用
margin
替换
padding
,将
display:inline block
添加到
strong
样式中


测试测试 你好 试验

我的第一个问题是,我在哪里可以找到这一官方声明? 我在这里发现,如果将页边距上/下设置为“自动”,则设置为“自动” 到“0”。但这和说“利润率最高/波顿是”不一样吗 不适用于内联元素'

在8.1长方体模型规范()中,边距边缘围绕长方体边距。如果边距的宽度(高度)为0,则边距边缘与边框边缘相同

在链接到10.6.1的页面中,“height”属性不适用,但框的高度由line height属性给出。”因此,由于height不适用,因此边距边缘与边框边缘相同

我的第二个问题是,内联元素真的完成了吗 填充属性?我尝试了以下示例:

原因同上。“框的高度由‘线高度’属性给出”。该强元素的高度由
行高度设置,因为它没有块或内联块元素可以引用的高度。我敢肯定,如果你给它内联块属性,它将作为一个块在模型中有高度

书中声称内联元素具有完全填充 属性,但没有页边距顶部/按钮属性,只有页边距左侧/右侧 财产

我的第一个问题是,我在哪里可以找到这一官方声明

你不会的,因为这不是真的。在中,它表示对于页边距顶部和页边距底部:

这些属性对未替换的内联元素没有影响

但“无效果”并不意味着这些属性不存在。具体来说,它们确实是为了继承而存在的。考虑这个例子:

p{边框:1px实心红色}
i{垂直对齐:顶部;}
span{页边距顶部:20px;页边距底部:20px;}
b{显示:内联块;}
.two{margin:inherit;}
你好,世界,我的好朋友


你好,世界,我的好朋友

你问了关于边距的问题,但给出了一个填充的例子?您的问题您声明“内联元素具有完整的填充属性”,您的示例显示了这一点,那么您的问题是什么。@Leeish并且示例显示填充仅适用于50%。背景色应用于padding top,但padding top对周围文本没有影响。因此,我声称填充并没有按预期工作。请参阅我的答案。它正在为
strong
元素添加填充。但是内联元素不像块和内联块元素那样具有
高度。它们不会像块元素一样影响其父元素的高度,因为内联元素的
高度
是您链接的10.6.1中的线条高度。是否要证明内联元素没有上/下边距?因为我不明白你的意思,因为背景色只适用于填充,而不适用于边距。@Adam Post打算将
margin
应用于
strong
元素,其中周围文本受
margin
属性的影响,包括
显示:内联块
strong
元素。如果检查
strong
元素时未应用
内联块
页边距顶部
页边距底部
仍应用于元素-且
显示
设置为
内联
。虽然元素没有应用
内联块
显示
,但这会在视觉上影响周围的文本谢谢。尽管如此,我对WC3文档还是很陌生,这可能就是为什么我不理解你的结论。这是我的第一个问题:我看到10.6.1中说,如果margintop设置为“auto”,那么它就设置为0。我有一种感觉,你说无论给什么边距top赋值,它都会被设置为0,但我找不到这种说法。就在“它们的计算值为0”之后,它说“height”属性不适用,但是框的高度由“line height”属性给出。所以跟我来,如果“height”属性不适用,则根据我链接的8.1中的长方体模型,长方体的高度仅由
行高度设置,至少我是这样理解的。