Tag: CSS

如何将样式应用于嵌入式SVG？: 当使用<svg>标签将SVG直接包含在文档中时，可以通过文档的样式表将CSS样式应用于SVG。但是，我试图将一个样式应用于嵌入的SVG（使用<object>标签）。是否有可能使用任何东西，如下面的代码？ object svg { fill: #fff; }

身高：100％不能工作: 我想旋转木马DIV（s7）扩大到整个屏幕的高度。我不知道为什么它没有成功。要看到页面，你可以去这里。 body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: hidden; z-index: 1; } #s7 #posts { […]

确定HTML元素的内容是否溢出: 如果HTML元素溢出了内容，我可以使用JavaScript来检查（不考虑滚动条）吗？例如，具有小的固定大小的长div，将溢出属性设置为可见，并且元素上没有滚动条。

'transform3d'不能与位置：固定的孩子: 我有一个情况，在正常的CSS情况下，一个固定的div将被准确定位在指定的位置（ top:0px ， left:0px ）。如果我有一个具有translate3d转换的父项，这似乎不被尊重。我没有看到什么？我曾尝试其他的webkit转换像风格和转换原点选项，但没有运气。我已经附上了一个JSFiddle的例子，我可以预料黄色框在页面的顶部，而不是在容器元素的内部。 http://jsfiddle.net/GMX5H/1/ 这是小提琴的简化版本： <br> <div style='position:relative; border: 1px solid #5511FF; -webkit-transform:translate3d(0px, 20px , 0px); height: 100px; width: 200px;'> <div style='position: fixed; top: 0px; box-shadow: 3px 3px 3px #333; height: 20px; left: 0px;'> Inner block </div> </div> 任何使translate3d与固定位置的孩子一起工作的指针将不胜感激。

表格单元格中的CSS文本溢出？: 我想在表格单元格中使用CSS text-overflow ，例如，如果文本太长以至于不能放在一行上，它将使用省略号剪辑，而不是包装成多行。这可能吗？我试过这个： td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 但是， white-space: nowrap似乎使文本（和它的单元格）不断向右扩展，将表格的总宽度推到了其容器的宽度之外。但是，如果没有它，当文本碰到单元格的边缘时，文本将继续包装成多行。

有没有可能在CSS中设置一个img标签的src属性的等价物？: 有没有可能在CSS中设置src属性值？目前我正在做的是： <img src="pathTo/myImage.jpg"/> 我希望它是这样的东西 <img class="myClass" /> .myClass { some-src-property: url("pathTo/myImage.jpg"); 我想这样做，而不使用CSS中的background或background-image:属性。

如何将div的内容对齐到底部？: 说我有以下的CSS和HTML代码： #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> 标题部分是固定高度，但标题内容可能会更改。我想将标题的内容垂直对齐到标题部分的底部，所以文本的最后一行“粘”到标题部分的底部。所以如果只有一行文字，就会是这样的： —————————– | Header title | | | | header content (resulting in one line) —————————– 如果有三行： —————————– | Header title | | header content (which is so | much stuff that it perfectly | spans […]

图片标签下方的神秘空白处: 我只是改变了我网站上的标题图片 <div style="background-image… width=1980 height=350> 使用 <img src="… style="width:100%;"> 所以图像会缩小，现在它… 但是现在我有了这个神秘的10px左右的差距。我已经在Chrome中检查了检查员，而我只是看不到造成这个空间的原因。我已经搜索了其他帖子，但找不到任何适用的内容。任何人有什么想法？感谢任何帮助，Bob 🙂

如何使复选框及其标签一致地跨浏览器: 这是困扰着我的不小的CSS问题之一。在StackOverflow周围的人如何垂直对齐复选框和他们的标签持续跨浏览器？每当我在Safari中正确对齐它们（通常在输入上使用vertical-align: baseline ），它们在Firefox和IE中完全关闭。修复它在Firefox中，Safari和IE是不可避免的搞砸了。每次我编写一个表格，我都会浪费时间。以下是我使用的标准代码： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> 我通常使用Eric Meyer的重置，所以表单元素相对干净的覆盖。期待您提供的任何提示或技巧！