草庐IT

webkit-margin-before

全部标签

html - CSS :before/:after selectors are suddenly being positioned separately of parent div

我换了一台新电脑,突然间CSS:after和:before选择器不再工作了。真正奇怪的是,我之前在另一台计算机上添加的:before/:after选择器在我的新计算机上完全正常显示。但是我现在添加的任何新代码都不会显示,即使我将旧代码复制并粘贴到新的div上也是如此。比如这个:htmlCSS#wtf{width:10px;height:20px;background:red;}#wtf:after{content:"";position:absolute;left:100px;top:10px;width:20px;height:20px;background:blue;}此代码在直接

html - 当 margin 和 padding 为零时,为什么这些 p 元素之间有空格?

这是一个fiddle.简化后的HTML基本上就是这样使用这个CSS#canvasp{margin:0;border:0;padding:0;}#canvaspspan{width:50px;height:50px;cursor:pointer;border:thinsolidblack;display:inline-block;}它呈现如下:为什么行与行之间有空格?DOMInspector告诉我span的边距和填充以及p标签为零。 最佳答案 将vertical-align:top添加到span中。默认为baselineFiddle#

html - 在 webkit 浏览器上,在编辑框中输入内容会导致滚动

我在WebKit浏览器(Chrome和Safari)上的网站标记有问题,即当我在右侧slider的编辑框中键入内容时,它会滚动左侧区域。请看下面的例子:http://jsbin.com/obiyec/7http://jsbin.com/obiyec/7/edit-html代码(输入在带有id="palette"的div中)在Chrome或Safari中打开下一个链接在右上角的编辑框中输入内容注意左侧区域的滚动条移动如果可能的话,不太可能从根本上改变这个标记问。如何防止滚动条移动并使其行为与FF中的行为相同? 最佳答案 这里的问题是,

html - 如何将 margin-bottom 重置为其默认值

我希望能够将元素的margin-bottom设置为其默认值。考虑以下示例,其中有h1元素,它们各自的margin-bottom样式属性设置为0:h1{border:1pxsolidred;margin-bottom:0;}p{margin:0;}FirstHeadingParagraphSecondHeadingParagraph如何将#normal-margin的margin-bottom值重置为其初始默认值?显然使用initial是行不通的,astheinitialvalueofmargin-bottomis0.我意识到在这个简单的例子中,我可以简单地将:not(#normal-m

html - IE7 HTML/CSS margin-bottom 错误

场景如下:我有一个margin-bottom为19px的表格。在它下面我有一个包含一些字段集的表单。其中一个向右浮动。问题是margin-bottom在IE7中没有得到完整的19px。我已经检查了所有我能想到的IE7css/margin/float错误,并尝试了补救措施但没有成功。我已经用谷歌搜索了一段时间,但找不到任何有帮助的东西。这是我试过的。将表单或字段集包装在无样式的div中。无明显变化。取消表格上的margin-bottom,而是用div包裹它并给它一个19px的padding-bottom。无明显变化。取消表格的底部边距并添加一个固定高度为19像素的div。无明显变化。在表

html - IE 不着色 :before as table-cell, 为什么?

div:before{display:table-cell;content:"ABC";color:red;}123我希望这会呈现类似的内容,但我得到相反,仅当在InternetExplorer(任何版本)上运行时。这是一个错误还是我做错了什么? 最佳答案 这似乎是IE中的错误。如果您在IE11开发人员工具中检查该元素,您会看到所有:before伪元素的声明都被删除了(例如,如果您添加了font设置),但是display和content设置会影响渲染。为了避免这个错误,在这个简单的例子中按照@BeatAlex的建议设置display

html - 设置中心位置的 margin-left 和 margin-right

我想将中心设置为.user-menu位置,但我下面的代码不起作用。我该如何解决这个问题?HTMLتاریخچهخریدحسابکاربریCSS*{margin:0px;padding:0px;font-family:Tahoma;}.centered{margin-left:auto;margin-right:auto;}.menu-items{float:left;height:90px;margin-left:10px;margin-right:10px;}.profile{width:72px;height:72px;padding-left:10px;padding-righ

html - 在::before 或::after 伪元素中选择文本

看看这个非常简单的代码p::before{content:"Before-";}HelloByeCSS添加¨Before-"在每个的开头并像这样呈现如果您使用鼠标选择文本(用于复制粘贴),您可以选择原始文本,但不能选择由css添加的Before或After文本。我有一个非常具体的要求,我需要允许用户使用鼠标选择Before文本。你会怎么做? 最佳答案 这不能在HTML页面中完成,但作为hack,如果您需要复制/粘贴伪元素,您可以将页面导出为PDF并从中复制。例如,在Chrome中,您可以从打印预览中复制页面内容。

javascript - webkit 过渡在 mozilla 和 opera 中结束了吗?

我想知道在mozilla和opera浏览器中Chrome中是否有一些预定义的事件,比如webkitTransitionEnd?如何检测浏览器是否启用了webkit和CSS3? 最佳答案 根据theMDNDocCenter有这样一个事件:Thereisasingleeventthatisfiredwhentransitionscomplete.InFirefox,theeventistransitionend,inOpera,oTransitionEnd,andinWebKititiswebkitTransitionEnd.

HTML 验证错误 : Non-space characters found before DOCTYPE

我有一个博客(基于wordpress)。并尝试通过w3c验证器验证我的页面之一。第一个错误是:Line1,Column1:Non-spacecharactersfoundwithoutseeingadoctypefirst.Expected.此外,DebugBar(http://www.my-debugbar.com/wiki/IETester/HomePage)同意并在之前显示两个不可见的字符。当我从此工具内的“HTML检查”选项卡打开同一页面时。但是!!这行HTML代码来self的wordpress主题中的文件header.php。我将这个文件从我的托管商下载到我的本地硬盘。hea