草庐IT

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:IE:输入文本框中的右填充

转到http://jsfiddle.net/srLQH/并在“结果”View中填写输入文本框。如果您在FF、Chrome和Safari中执行此操作,您的文本将在距右侧20像素处停止。在IE7/8中,文本不会短到20px——它一直延伸到输入框的边缘。IE有什么问题?如何在IE中获得与所有其他浏览器相同的填充效果? 最佳答案 我一直在寻找解决这个问题的方法。一位同事找到了一个解决方案,我们对其进行了测试,并且效果很好。所以事情是删除padding:right并添加一个border:20pxsolidtransparent。

HTML:IE:输入文本框中的右填充

转到http://jsfiddle.net/srLQH/并在“结果”View中填写输入文本框。如果您在FF、Chrome和Safari中执行此操作,您的文本将在距右侧20像素处停止。在IE7/8中,文本不会短到20px——它一直延伸到输入框的边缘。IE有什么问题?如何在IE中获得与所有其他浏览器相同的填充效果? 最佳答案 我一直在寻找解决这个问题的方法。一位同事找到了一个解决方案,我们对其进行了测试,并且效果很好。所以事情是删除padding:right并添加一个border:20pxsolidtransparent。

html - 显示 : Flex loses right padding when overflowing?

我对CSS3flexbox有疑问。如果我将flexbox元素设置为overflow并为子元素设置一个min-width值,父元素上的正确填充会丢失吗?这在所有支持的浏览器上都是一致的。这是一个错误的例子。如果您滚动到容器的右侧,您会看到最后一个子项紧贴容器的右边缘,而不是遵循填充值。.outer{display:flex;flex-direction:row;width:300px;height:80px;border:1px#cccsolid;overflow-x:auto;padding:5px;}.outer>div{flex:11auto;border:1px#cccsolid

html - 显示 : Flex loses right padding when overflowing?

我对CSS3flexbox有疑问。如果我将flexbox元素设置为overflow并为子元素设置一个min-width值,父元素上的正确填充会丢失吗?这在所有支持的浏览器上都是一致的。这是一个错误的例子。如果您滚动到容器的右侧,您会看到最后一个子项紧贴容器的右边缘,而不是遵循填充值。.outer{display:flex;flex-direction:row;width:300px;height:80px;border:1px#cccsolid;overflow-x:auto;padding:5px;}.outer>div{flex:11auto;border:1px#cccsolid

html - Twitter Bootstrap 3 删除 RIGHT margin 和 padding on a row and col-12

我在我的Asp.NetMVC5元素中使用TwitterBootstrap3.0LESS源代码。我使用顶部导航栏(asgivenhere),然后在布局页面中添加几行。我对行使用以下内容以占用100%的页面宽度://MoreHTMLcode但这会在每一行的右侧添加一个额外的填充。这还会在页面上添加一个水平滚动条,并且当​​将页面滚动到右侧时,可以看到整个页面的空白垂直间距。移除每行的margin-right和所有col-md-12的padding-right可以更正布局。但是,我认为这不是正确的做法。知道如何在生成的bootstrap.css中一劳永逸地删除那些不必要的边距和填充吗?

html - Twitter Bootstrap 3 删除 RIGHT margin 和 padding on a row and col-12

我在我的Asp.NetMVC5元素中使用TwitterBootstrap3.0LESS源代码。我使用顶部导航栏(asgivenhere),然后在布局页面中添加几行。我对行使用以下内容以占用100%的页面宽度://MoreHTMLcode但这会在每一行的右侧添加一个额外的填充。这还会在页面上添加一个水平滚动条,并且当​​将页面滚动到右侧时,可以看到整个页面的空白垂直间距。移除每行的margin-right和所有col-md-12的padding-right可以更正布局。但是,我认为这不是正确的做法。知道如何在生成的bootstrap.css中一劳永逸地删除那些不必要的边距和填充吗?

html - 为什么在我的 <a> 元素下会出现 4px 的额外填充?

H3LLO,由于某种原因,a元素下出现了4px的额外填充。我在Firefox和Chrome中都看到了这个list。我记得早期在Flickr上看到过这种现象,只不过是在元素包裹的s下出现了一个蓝色条。这是一个linktotheexamplecode这说明了我的问题。a的background:为红色,img的border:为灰色。如您所见,a元素在img下方延伸了大约4px。要查看代码,只需点击“使用JSBIN编辑”链接,当您将鼠标悬停在窗口上时,该链接会出现在右上角。关于如何摆脱a元素的额外底部填充有什么想法吗?谢谢亚当 最佳答案 将