Questions tagged «css»

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 7年前关闭。 改善这个问题 通常，我需要下载一个网页，然后离线对其进行编辑。我尝试了一些工具，它们缺少的主要功能是下载CSS文件中引用的图像。 是否有一个工具（用于Linux）可以下载所有内容，以便该网页可以离线呈现相同内容（不包括AJAX）？

72 html  css  image  download 

我彼此相邻有4个DIV，它们都位于屏幕中间。每个div中有2个字，但是我不希望它们出现在顶部，而是希望它们出现在div的右下角。我怎样才能做到这一点？

72 html  css 

我想将一行文本保持在一起，以便整行都向下一行或根本不行 可以接受 How do I wrap this line of text - asked by Peter 2 days ago 可以接受 How do I wrap this line of text - asked by Peter 2 days ago 不能接受的 How do I wrap this line of text - asked by Peter 2 days ago 这在CSS中可以实现吗？

72 html  css 

是否应在生产环境中使用源映射？除了调试以外，它们还提供其他好处吗？ 由于额外的服务器往返次数，它们是否会影响应用程序加载时间？浏览器是否足够聪明，可以.map在加载和呈现应用程序后加载资产？ 如果浏览器找不到.map资产（404错误），会对性能产生影响吗？我应该关心修复它吗？ 请注意，.map如果要进行复杂的concat / minimize构建步骤，则修复最后一个可能不如提供资产那么容易。

72 javascript  css  httprequest  production-environment  source-maps 

我在CSS上有这个课程： .mgmtError{ width:716px; float:left; background-color:#FF0000; padding:10px; text-align:center; } 并且我想给背景颜色不填充区域。我尝试使用margin，但似乎在使用IE时遇到了一些麻烦。 还有其他解决方案吗？

72 html  css 

我正在寻找一种使用CSS对XHTML中的无序列表进行样式设置的方法，以使其以内联方式呈现，并且列表项之间以逗号分隔。 例如，以下列表应呈现为apple, orange, banana（请注意列表末尾缺少逗号）。 <ul id="taglist"> <li>apple</li> <li>orange</li> <li>banana</li> </ul> 当前，我正在使用以下CSS来设置此列表的样式，这几乎可以完成我想要的操作，但是将列表呈现为apple, orange, banana,（请注意，香蕉后的逗号结尾）。 #taglist { display: inline; list-style: none; } #taglist li { display: inline; } #taglist li:after { content: ", "; } 有没有办法用纯CSS解决此问题？

72 html  css  xhtml 

由于某些原因，Chrome将＃FF3A00渲染为＃FF0000。我提供了jsfiddle的屏幕截图来说明这一点。色度计报告的颜色（以及我看到的颜色）与CSS所说的颜色不同。 其他颜色也会发生这种情况。例如，根据色度计，将＃FFAF00渲染为＃FFA400。 但是，在Safari和Firefox上呈现颜色没有问题。我在使用Chrome 11，Safari 5和Firefox 5的Mac上。 我敢肯定有一个合乎逻辑的解释。有任何想法吗？ 更新：我将Safari旁边的Chrome屏幕快照附加到显示相同页面的屏幕快照。我在Photoshop中检查了这张图片：Chrome中的颜色是＃F00，Safari中的颜色是＃FF3A00。

72 css  google-chrome  colors  rendering 

我有一个大的<div>，<div>里面有三个little 。它们每个都有33％的宽度，但这会引起一些对齐问题，因为3 * 33％！= 100％。像这样在CSS中代表完美三分之一的最佳方法是什么？也许只有33.33％？

72 css 

我正在寻找一种解决方案，以使孩子适合div父母的width。 我在这里看到的大多数解决方案都不兼容跨浏览器（例如display: table-cell;IE不支持<=8）。

72 html  css  cross-browser  parent-child 

我想更改表单的文本和输入字段中的颜色背景，但是当我这样做时，它也会影响“提交”按钮！可以通过其他不影响按钮的方式来完成吗？ 我使用了以下代码： input, textarea { background-color: #d1d1d1; }

72 css 

为什么这不起作用？http://jsfiddle.net/84C5W/1/ p{ display: none; } p.visible:last-of-type { display: block; } <div> <p class="visible">This should be hidden</p> <p class="visible">This should be displayed</p> <p class="">This should be hidden</p> </div> 运行代码段隐藏结果展开摘要 实际上，我所有的<p>元素都不可见。如果我.visible在选择器中删除对的引用，则确实会显示<p>div中的最后一个，但这不是我想要的。 当然，我只能一直保留一个.visible，但这只是一个reveal.js演示文稿，我无法控制JavaScript。 如何选择带有类的div中的最后一个元素.visible？我不想为此使用JavaScript。

72 html  css  css-selectors 

我已经阅读了很多有关打印页码的网站，但是当我尝试打印html页时，仍然无法显示它。 接下来是CSS代码： @page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } } 我试图把这个页面规则放进去 @media all { *CSS code* } 在其外部，尝试将其放入@media print，但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome（您知道基于WebKit的浏览器）。我认为问题出在我的HTML或CSS代码中。有人可以告诉我一个@page在具有多个页面的html大页面中实现此规则的示例吗？我只需要html页面的代码和css文件的代码即可。 PS我拥有最新支持的浏览器版本。

72 html  css  printing-web-page 

有没有一种方法可以像超级速记样式一样在CSS中组合border-top，border-right，border-left，border-bottom。 例如： border: (1px solid #ff0) (2px dashed #f0F) (3px dotted #F00) (5px solid #09f);

72 css 

我有一个简单的html表，如下所示： <table> <thead> <tr><th>Column 1</th><th>Column 2</th></tr> </thead> <tbody> <tr class="odd first-row"><td>Value 1</td><td>Value 2</td></tr> <tr class="even"><td>Value 3</td><td>Value 4</td></tr> <tr class="odd"><td>Value 5</td><td>Value 6</td></tr> <tr class="even last-row"><td>Value 7</td><td>Value 8</td></tr> </tbody> </table> 我想用以下方式设置样式： 带框阴影的标题行 标题行和第一行正文之间的空白 我尝试了不同的方法： table { /* collapsed, because the bottom shadow on thead tr is hidden otherwise */ border-collapse: collapse; } …

72 css  html-table  spacing 

我想从矩形照片制作一个居中的圆形图像。照片的尺寸未知。通常是矩形形式。我尝试了很多方法： CSS： .image-cropper { max-width: 100px; height: auto; position: relative; overflow: hidden; } .image-cropper img{ display: block; margin: 0 auto; height: auto; width: 150%; margin: 0 0 0 -20%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } HTML： <div class="image-cropper"> <img src="http://www.electricvelocity.com.au/Upload/Blogs/smart-e-bike-side_2.jpg" class="rounded" /> </div>

72 html  css