Questions tagged «css»

CSS（层叠样式表）是一种表示样式表语言，用于描述HTML（超文本标记语言），XML（可扩展标记语言）文档和SVG元素的外观和格式，包括（但不限于）颜色，布局，字体，和动画。它还描述了如何在屏幕，纸张，语音或其他媒体上呈现元素。

24
如何将类添加到给定的元素？
我有一个已经有一个类的元素： <div class="someclass"> <img ... id="image1" name="image1" /> </div> 现在，我想创建一个JavaScript函数，将一个类添加到div（不是替换，而是添加）。 我怎样才能做到这一点？
30
基于容器宽度的字体缩放
我很难理解字体缩放。 目前，我有这个网站与身体font-size的100％。不过是100％这似乎可以计算出16个像素。 我给人的印象是100％会以某种方式引用浏览器窗口的大小，但是显然不是因为将窗口缩小到移动宽度还是全尺寸的宽屏桌面总是16像素。 如何使网站上的文本相对于其容器而言？我尝试使用em，但这也无法扩展。 我的理由是，当你调整，这东西像我的菜单中就被压扁，所以我需要降低px font-size的.menuItem相对其它元素的容器的宽度之中。（例如，在大型桌面上的菜单中，22px效果很好。向下移动至数位板宽度16px比较合适。） 我知道我可以添加断点，但是我确实希望文本能够缩放并具有额外的断点，否则，每控制100像素的宽度，我将得到数百个断点来控制文本。
22
有条件申请课程的最佳方法是什么？
假设您有一个呈现为的数组，ul其中li每个元素都有一个，控制器上有个名为的属性selectedIndex。li用selectedIndexAngularJS中的索引向类添加类的最佳方法是什么？ 我目前正在（手动）复制li代码并将类添加到li标签之一中，并使用ng-show和ng-hide仅显示li每个索引一个。
1183 css  angularjs 
30
如何在div中垂直对齐文本？
我试图找到最有效的方法来将文本与div对齐。我尝试了几件事，但似乎都没有用。 .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } <div class="testimonialText"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et …
25
如何将div的内容与底部对齐
说我有以下CSS和HTML代码： #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> 运行代码段隐藏结果展开摘要 标头部分的高度固定，但是标头内容可能会更改。 我希望标题的内容与标题部分的底部垂直对齐，因此文本的最后一行“粘贴”到标题部分的底部。 因此，如果只有一行文本，则将是： ----------------------------- | 标头标题 | | | | 标头内容（一行） ----------------------------- 如果有三行： ----------------------------- | 标头标题 | | 标头内容（是如此 | 完美的很多东西 | 跨越三行） ----------------------------- 如何在CSS中完成此操作？
30
使用Twitter Bootstrap 3将列居中
如何在Twitter Bootstrap 3的容器（12列）中将一列大小的div居中？ .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> 运行代码段隐藏结果展开摘要 我想要一个div类.centered，该类在容器内居中。如果有多个divs，我可能会使用一行，但是现在我只想要a div，其大小以一列为中心位于容器内（12列）。 我也不确定上述方法是否足够好，因为其目的不是要抵消div一半。我不需要外部的自由空间，div并且内容的内容div按比例缩小。我想在div外部留出空间以使其均匀分布（缩小直到容器宽度等于一列）。
30
隐藏滚动条，但仍可以滚动
我希望能够滚动浏览整个页面，但不显示滚动条。 在Google Chrome浏览器中： ::-webkit-scrollbar { display: none; } 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过： overflow: hidden; 那确实隐藏了滚动条，但是我不能再滚动了。 有什么办法可以删除滚动条，同时仍然可以滚动整个页面？ 请仅使用CSS或HTML。
30
如何删除内联/内联块元素之间的空间？
鉴于此HTML和CSS： span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> 运行代码段隐藏结果展开摘要 结果，SPAN元素之间将有4像素宽的空间。 演示： http ：//jsfiddle.net/dGHFV/ 我了解为什么会发生这种情况，并且我也知道可以通过删除HTML源代码中SPAN元素之间的空白来摆脱该空间，如下所示： <p> <span> Foo </span><span> Bar </span> </p> 但是，我希望找到一种不需要篡改HTML源代码的CSS解决方案。 我知道如何使用JavaScript解决此问题-通过从容器元素（该段落）中删除文本节点，如下所示： // jQuery $('p').contents().filter(function() { return this.nodeType === 3; }).remove(); 演示： http ：//jsfiddle.net/dGHFV/1/ 但是，仅使用CSS即可解决此问题吗？
1066 html  css 
25
使用CSS保持div的长宽比
我想创建一个div可以随窗口宽度变化而改变其宽度/高度的。 是否有任何CSS3规则可以允许高度根据宽度而改变，同时保持其长宽比？ 我知道我可以通过JavaScript来做到这一点，但我宁愿只使用CSS。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.