Questions tagged «css»

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 上个月关闭。 我正在设计一个新网站，我希望它与尽可能多的浏览器和浏览器设置兼容。我正在尝试确定应该使用哪种度量单位来显示字体和元素的大小，但是无法找到一个确定的答案。 我的问题是：我应该使用CSS px还是remCSS？ 到目前为止，我知道使用px与在浏览器中调整基本字体大小的用户不兼容。 我不理会ems，因为与rems 相比，它们在级联时更容易维护。 有人说rems与分辨率无关，因此更可取。但是其他人则说，大多数现代浏览器无论如何都会对所有元素进行均等缩放，因此使用px并不是问题。 我之所以这么问，是因为关于CSS中最理想的距离度量有很多不同的看法，我不确定哪个是最好的。

375 html  css  distance  units-of-measurement 

我的网站在iPhone / Safari浏览器上的呈现效果很好，但有一个例外：我的文本输入字段具有一种怪异的圆形样式，与我的网站的其余部分完全不一样。 有没有一种方法可以指示Safari（通过CSS或元数据）不对输入字段进行舍入并按预期将其呈现为矩形？

374 html  css  iphone  mobile-safari  css-reset 

我有div一些孩子： <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> 我想要以下布局： ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | ------------------- 无论文本中有多少文本，p我都希望.button始终将其始终停留在底部，而不会将其从流程中移出。我听说Flexbox可以实现这一点，但我无法使其正常工作。

374 html  css  flexbox 

我想要做的是计算当前页面中具有相同类的所有元素，然后将其添加到输入表单的名称中。基本上，我允许用户单击a <span>，然后为另一个相同类型的项目添加另一个。但是我想不出一种简单地使用jQuery / JavaScript计算所有这些的方法。 然后，我打算将该项目命名为name="whatever(total+1)"，如果有人有一种简单的方法可以做到这一点，我将非常感激，因为JavaScript并不是我的母语。

373 javascript  jquery  css  element 

html <img src="logo.svg" alt="Logo" class="logo-img"> 的CSS .logo-img path { fill: #000; } 上面的svg加载并且是本地的，fill: #fff但是当我使用上面的svg css尝试将其更改为黑色时，它并没有改变，这是我第一次使用SVG，我不确定为什么它不起作用。

373 css  image  svg 

我正在使用Bootstrap 3构建响应式布局，在该布局中我想根据屏幕尺寸调整一些字体大小。我如何使用媒体查询来进行这种逻辑？

371 css  twitter-bootstrap  media-queries 

我如何使用CSS3选择器选择除最后一个孩子以外的所有孩子？ 例如，要只得到最后一个孩子将是div:nth-last-child(1)。

371 css-selectors  css 

CSS中的空白和边距到底有什么区别？它似乎并没有太大的作用。您能否举一个例子说明差异所在（为什么知道差异很重要）？

371 css 

如何使用CSS选择器定位“文本”类型的输入字段？

371 html  css  forms  css-selectors  html-input 

考虑以下代码： #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When you post a …

370 css  html 

我不想从CSS的父级继承孩子的不透明度。 我有一个div是父级，而我在第一个div中有另一个div是孩子。 我想在父div中设置opacity属性，但我不希望子div继承opacity属性。 我怎样才能做到这一点？

370 css 

我有一个元素列表，其样式如下： ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 运行代码段隐藏结果展开摘要 输出One | Two | Three | Four | Five |代替One | Two | Three | Four | Five 有谁知道如何使用CSS选择除最后一个元素以外的所有元素？ 您可以在此处查看:not()选择器的定义

368 css  css-selectors  pseudo-element 

尝试最多包含5个项目且只有3个项目的flexbox导航，但它并未在所有元素之间平均分配宽度。 小提琴 我为此建模的教程是http://www.sitepoint.com/response-fluid-width-variable-item-navigation-css/ 萨斯 * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 0 6.5rem; display: table; table-layout: fixed; } .tabs ul { margin: 0; display: flex; flex-direction: row; } .tabs ul li { flex-grow: 1; list-style: none; text-align: …

368 html  css  flexbox 

我不知道为什么这个简单的CSS无法正常工作... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> 运行代码段隐藏结果展开摘要 应该切断第四次“测试”

368 overflow  ellipsis  css 

任何人都可以告诉我之间的差异align-items和align-content？

366 css  layout  flexbox  alignment