草庐IT

html - 边距/填充是否可以作为内联 CSS 接受?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。最佳做法是将所有样式都放在外部CSS文件中,以利用缓存、标记和设计的分离、更好的概述等。但是,我通常会遇到元素应该看起来相同的问题,即具有相同的类,但需要在位置上有所不同,例如由于成分差异,需要不同的边距或填充。我想到了三个选项:选项1:将外观样式与位置样式(边距/填充)分开,将它们放在单独的类中并根据需要组合它们。.myClass{...;}.myCla

html - 为什么顶部 div 的 margin-top 将适用于 `<body>` ?

我在这里发布了一个演示http://jsfiddle.net/LxYMv/1/.如你所见从顶部div获取margin-top:10px,因此的黑色背景泄漏。这是否意味着我不能给topdiv一个正的margin-top?html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-

html - 为什么顶部 div 的 margin-top 将适用于 `<body>` ?

我在这里发布了一个演示http://jsfiddle.net/LxYMv/1/.如你所见从顶部div获取margin-top:10px,因此的黑色背景泄漏。这是否意味着我不能给topdiv一个正的margin-top?html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-

html - 字体中的嵌入式填充/边距

似乎所有字体都有某种嵌入的填充或边距。通过设置:margin:0px;padding:0px;你永远得不到你想要的。有人知道这是为什么吗? 最佳答案 听起来您遇到的问题不是CSS,而是字体本身。大多数字体开箱即用地定义了基线、x高度和行高。您的具体问题可能与字体的leading有关,行与行之间的空间。有时这些值可能会非常不一致。如果您真的想让特定字体正确排列,我建议您查看FontLab并编辑您正在使用的特定字体的字形/基线/行高。您还可以查看该字体的网络安全版本。这些类型的字体通常有专门的间距以在网络上呈现最佳效果。情况并非总是如此

html - 字体中的嵌入式填充/边距

似乎所有字体都有某种嵌入的填充或边距。通过设置:margin:0px;padding:0px;你永远得不到你想要的。有人知道这是为什么吗? 最佳答案 听起来您遇到的问题不是CSS,而是字体本身。大多数字体开箱即用地定义了基线、x高度和行高。您的具体问题可能与字体的leading有关,行与行之间的空间。有时这些值可能会非常不一致。如果您真的想让特定字体正确排列,我建议您查看FontLab并编辑您正在使用的特定字体的字形/基线/行高。您还可以查看该字体的网络安全版本。这些类型的字体通常有专门的间距以在网络上呈现最佳效果。情况并非总是如此

html - 有没有办法通过 CSS 添加填充以选择选项?

我想使用CSS在HTML中的选择选项之间添加某种空间(填充、边距或其他)。我目前正在使用Chrome,我已经尝试过使用类似这样的东西:selectoption{padding:10px}但是没有成功。我已经读到这可以做到,但它在IE中不起作用。无论如何,我想让它在其他浏览器中工作,即使它在IE中不起作用。JSFiddleexample 最佳答案 选择选项的样式非常有限,以保持操作系统中所有应用程序之间的连贯性和一致性,因此浏览器应该限制一些基本元素的样式,例如您的案例选项标签。限制因浏览器而异,例如选项标签的填充甚至边距在Mozil

html - 有没有办法通过 CSS 添加填充以选择选项?

我想使用CSS在HTML中的选择选项之间添加某种空间(填充、边距或其他)。我目前正在使用Chrome,我已经尝试过使用类似这样的东西:selectoption{padding:10px}但是没有成功。我已经读到这可以做到,但它在IE中不起作用。无论如何,我想让它在其他浏览器中工作,即使它在IE中不起作用。JSFiddleexample 最佳答案 选择选项的样式非常有限,以保持操作系统中所有应用程序之间的连贯性和一致性,因此浏览器应该限制一些基本元素的样式,例如您的案例选项标签。限制因浏览器而异,例如选项标签的填充甚至边距在Mozil

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - 为什么 margin :auto doesn't work?

这个问题在这里已经有了答案:CenterandDisplayonSameLine(3个答案)关闭8年前。我想让我的元素居中但是当我使用margin-left:auto;margin-right:auto;这是行不通的!这是我的htmlHiHiagian!这是我的CSS:#t{margin-left:auto;margin-right:auto;margin-top:10px;}.tc{margin-left:auto;margin-right:auto;width:600px;display:inline;border-style:solid;border-width:1px;}你可以