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