草庐IT

webkit-margin-before

全部标签

html - 如何修复在 Webkit 上使用 CSS3 列时列表样式不显示的问题

此处示例:http://jsfiddle.net/R7GUZ/3/我正忙着让list-style在webkit中为父OL设计样式-webkit-column-count:2;-moz-column-count:2;column-count:2;如何使用css3将有序列表格式化为列并仍然保持list-style样式?Canwecallyou?Sedutperspiciatisundeomnisistenatuserrorsitvoluptatemaccusantiumdoloremquelaudantium,totamremaperiam,eaqueipsaquaeabilloinven

html - 在带有 attr() 的::before 伪元素内使用 FontAwesome 图标

我正在尝试使用attr()在::before伪元素中插入一个FontAwesome图标。原始代码更复杂,但是这会让您了解我想要什么:div::before{content:attr(data-background-icon);font-family:"FontAwesome";}https://jsfiddle.net/grutcop8/它不起作用,而通常的嵌入方式可以正常工作:div::before{content:"\f086";font-family:"FontAwesome";}有什么我想念的吗? 最佳答案 尝试使用Unic

html - 在带有 attr() 的::before 伪元素内使用 FontAwesome 图标

我正在尝试使用attr()在::before伪元素中插入一个FontAwesome图标。原始代码更复杂,但是这会让您了解我想要什么:div::before{content:attr(data-background-icon);font-family:"FontAwesome";}https://jsfiddle.net/grutcop8/它不起作用,而通常的嵌入方式可以正常工作:div::before{content:"\f086";font-family:"FontAwesome";}有什么我想念的吗? 最佳答案 尝试使用Unic

html - 如何删除 webkit 中损坏图像周围的边框?

有人可以就此给我建议吗?WebKit浏览器一直在禁用图像周围放置一个1px的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时优化电子邮件。在Firefox中工作正常,但WebKit浏览器一直显示边框。我在任何地方都尝试过border:none!important包括inline,但是Chrome/Safari很顽固。编辑:这是带有内联css的示例html 最佳答案 Amit的回答非常好,但有一个小建议:使用visibility:hidden;而不是display:none;img:not([src]){visibilit

html - 如何删除 webkit 中损坏图像周围的边框?

有人可以就此给我建议吗?WebKit浏览器一直在禁用图像周围放置一个1px的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时优化电子邮件。在Firefox中工作正常,但WebKit浏览器一直显示边框。我在任何地方都尝试过border:none!important包括inline,但是Chrome/Safari很顽固。编辑:这是带有内联css的示例html 最佳答案 Amit的回答非常好,但有一个小建议:使用visibility:hidden;而不是display:none;img:not([src]){visibilit

html - 如何控制 Webkit 中 Option 元素的高度?

这看起来很简单,但我什至找不到任何东西告诉我这不是可能,更不用说怎么做了。我有一个使用扩展/多个select的页面,但我似乎无法控制选项的高度。他们看起来真的很舒服。在Firefox中,height和line-height中option的CSS值似乎都达到了预期的效果,padding,但不是在Chrome8或Safari5中。我错过了什么吗?这是我的代码示例。我已经输入了任何可能影响该选项的内容,以防我遗漏了一些重要的值(value)。body,input,select,checkbox{font-family:'AvenirLtStd',AppleGothic,'centurygot

html - 如何控制 Webkit 中 Option 元素的高度?

这看起来很简单,但我什至找不到任何东西告诉我这不是可能,更不用说怎么做了。我有一个使用扩展/多个select的页面,但我似乎无法控制选项的高度。他们看起来真的很舒服。在Firefox中,height和line-height中option的CSS值似乎都达到了预期的效果,padding,但不是在Chrome8或Safari5中。我错过了什么吗?这是我的代码示例。我已经输入了任何可能影响该选项的内容,以防我遗漏了一些重要的值(value)。body,input,select,checkbox{font-family:'AvenirLtStd',AppleGothic,'centurygot

html -::before 和::after 是什么意思?

我查看了几个TwitterBootstrap模板,发现在div::before和::after/标签。谁能告诉我它们是什么? 最佳答案 ::before和::after伪元素用于css并且绝不是特定于Bootstrap的。它可以做的一些事情的一个简单例子是:假设您有一个基本的p元素:Hello在你的css中,如果你有这个:p::before{content:'Hi';}p在html中标记现在会说:HiHello如果是p::after{content:'Hi';}它会是:HelloHi如果您将它与电话号码或电子邮件地址等内容一起使用,

html -::before 和::after 是什么意思?

我查看了几个TwitterBootstrap模板,发现在div::before和::after/标签。谁能告诉我它们是什么? 最佳答案 ::before和::after伪元素用于css并且绝不是特定于Bootstrap的。它可以做的一些事情的一个简单例子是:假设您有一个基本的p元素:Hello在你的css中,如果你有这个:p::before{content:'Hi';}p在html中标记现在会说:HiHello如果是p::after{content:'Hi';}它会是:HelloHi如果您将它与电话号码或电子邮件地址等内容一起使用,

css - 框中字体字形的 WebKit 与 Mozilla 垂直对齐

此测试图像显示了Safari与Firefox(适用于MacOSX10.6.7的Safari5.0.5和Firefox5.0.1)在文本框内的定位有多么不同。请注意sans-serif的“S”在Firefox而不是Safari中是如何对接到框顶部的。差异似乎因使用的字体而异,其中一些甚至始终如一地呈现。我读过peoplesaying这是因为font-size和line-height之间的舍入问题(并通过设置比大小更小的高度来修复),但我认为我的示例反驳了sans-Firefox中的serif/helvetica始终在框中顶部对齐。在我看来,Safari比Firefox更合适,即文本通常更