Fatal编程技术网
  • css/
  • Css 内联块到跨距标记在IE和webkit浏览器中的行为不同

Css 内联块到跨距标记在IE和webkit浏览器中的行为不同

css html

Css 内联块到跨距标记在IE和webkit浏览器中的行为不同,css,html,Css,Html,display:inline blocktospan标记在各种浏览器中的行为不同。在IE浏览器中，它可以完美地工作。但是在webkit浏览器（Chrome、Safari等）中，span和它的子标签之间有一点差距。 以下是示例代码： 跨度{ 显示：内联块； 边框：1px纯红； 填充：0px； 边际：0px； } 在不同浏览器中输出 IE Chrome和Safari 请参见span和输入字段之间存在间隙…您应该使用此选择器，因为边距位于span和输入之间，而不仅仅是span，因此您需要将目标

display:inline block
to
span
标记在各种浏览器中的行为不同。在IE浏览器中，它可以完美地工作。但是在webkit浏览器（Chrome、Safari等）中，
span
和它的子标签之间有一点差距。
以下是示例代码：


跨度{
显示：内联块；
边框：1px纯红；
填充：0px；
边际：0px；
}
在不同浏览器中输出
IE

Chrome和Safari

请参见span和输入字段之间存在间隙…

您应该使用此选择器，因为边距位于span和输入之间，而不仅仅是span，因此您需要将目标定为
输入
元素，而不是
span
元素


span input {
    margin:0px;
}



输入在webkit引擎上默认情况下可能有边距。试着去掉页边空白<代码>输入{margin:0；}
得到它…设置边距：0px；输入tag而不是span。@CanGeliş刚才我意识到。。。无论如何，谢谢你的支持。

span input {
    margin:0px;
}