程序设计 css

18

我使用Django开发版本制作Django管理网站但是它没有CSS样式：我能做什么？谢谢

85 css django admin

15

假设您有一个动态生成的网站，过去和现在都有太多人在使用该网站，现在您有了一个包含超过20,000行CSS的共享样式表集合。它根本没有组织，有一些基于类和基于id的选择器，但也有太多基于标签的选择器。然后说您有100个通过某种控制器使用这些样式的模板。是否有一个工具（可能类似于Firebug）可以指向一个URL，它将确定该页面的所有适用CSS选择器并将其转储到文件中？基本上是一种逐页撕开共享样式表的方法。

85 css

6

Bootstrap中的固定页脚

我正在尝试Bootstrap，我想知道，如果滚动内容，如何将页脚固定在底部而又不会从页面中消失呢？

85 html css twitter-bootstrap footer

9

如何在没有实际Retina显示屏的情况下在Windows上测试Retina网站？

有没有一种方法可以在Windows上模拟Retina显示屏，以测试网站上是否有HiDPI显示屏（例如Retina）？我在标准的24英寸1920x1080显示器上运行Windows。超级清晰明了，由于直接比较，徽标显得更糟。我已按照本教程进行操作，以使我的网站Retina就绪： http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs 由于没有任何背景图片，因此我使用了retina.js方法。我有什么办法可以测试它是否真的有效？显然，我可以请我的朋友使用他的Retina笔记本，但这对我来说并不可行。我希望能够至少在我自己的环境中大致测试网站与Retina的兼容性。

85 html css retina-display retina.js

17

自动缩放input [type = text]到值的宽度？

有没有办法将an<input type="text">的宽度缩放为实际值的宽度？ input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> 运行代码段隐藏结果展开摘要

85 jquery html css

3

CSS垂直对齐不适用于float

我如何使用vertical-align，以及float在div性能？的vertical-align，如果我不使用工作正常float。但是，如果我使用浮点数，那么它将不起作用。对我来说float:right，在最后一个div中使用至关重要。我正在尝试遵循，如果您从所有div删除浮点数，那么它将正常工作： <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> <div class="right">Third div, float right</div> </div> CSS： .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; vertical-align: middle; display:inline-block } .left2 { width: 150px; margin-right: …

85 html css vertical-alignment

7

如何在HTML表格上显示滚动条

我正在写一个页面，我需要一个html表来维持设置的大小。我需要表顶部的标题始终保持在该位置，但是无论表中添加了多少行，我都需要表的主体进行滚动。我希望它看起来像此网址中的方法2：http : //www.cssplay.co.uk/menu/tablescroll.html 我尝试这样做，但是没有滚动条出现： tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要

85 html css scroll html-table overflow

11

在div中仅两行内换行

我只想在特定宽度的div内的两行内换行。如果文本超出两行的长度，那么我想显示省略号。有没有办法使用CSS做到这一点？例如 Sample text showing wrapping of text in only two line... 谢谢

85 html css

8

Bootstrap 3.0 Popover和工具提示

我是Bootstrap的新手，无法正常使用popover和工具提示功能。我对下拉菜单和模型没有问题，但是似乎缺少一些弹出框和工具提示。我正在显示一些工具提示，但是它们的样式和位置都不像引导示例一样。而且弹出窗口根本不起作用。请看一下，让我知道我所缺少的。 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="css/index.css" rel="stylesheet" media="screen">  <!--[if lt IE …

84 javascript jquery css twitter-bootstrap

9

如何使用Bootstrap2将div居中？

http://twitter.github.com/bootstrap/scaffolding.html 我尝试了所有组合： <div class="row"> <div class="span7 offset5"> box </div> </div> 要么 <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> 已更改跨度和偏移量数字... 但是我无法得到一个完美地位于页面中心的简单盒子:( 我只想要一个6栏宽的盒子居中... 编辑：做到了 <div class="container"> <div class="row" id="login-container"> <div class="span8 offset2"> box </div> </div> </div> 但是盒子太宽了，我可以用span7做什么吗？ span7 offset2在左侧提供span7 offset3额外的填充在右侧提供额外的填充...

84 css twitter-bootstrap twitter-bootstrap-2

4

Twitter Bootstrap中的响应表处理

当表格的宽度超过跨度的宽度时，请参见此页面：http : //jsfiddle.net/rcHdC/ 您会看到表格的内容不在的范围内span。迎合这种情况的最佳方法是什么？

84 html twitter-bootstrap css

9

background-position-y在Firefox（通过CSS）中不起作用？

在我的代码background-position-y中不起作用。在Chrome中可以，但是在Firefox中不起作用。有人有什么解决办法吗？

84 html css firefox

10

Twitter引导程序可滚动模式

我正在为我正在处理的项目使用Twitter Bootstrap。我有一个模态窗口，其中的窗体更长一些，我不喜欢当窗口太小时模态不滚动（如果只是消失在无法滚动的页面上）。为了解决这个问题，我使用了以下css .modal { overflow-y:auto; max-height:90%; margin-top:-45%; } 这完全符合我在Chrome中所需的方式（也就是说，当窗口足够大时，窗体为完整大小，但是随着窗口的缩小，模态窗口会缩小并变得可滚动）。问题是在IE中，模态不在屏幕上。有谁对这个问题有更好的解决方案？我的示例可以在tinyhousemap.com上找到（在导航窗口中单击“向地图添加条目”以显示模式）谢谢

84 css twitter-bootstrap

8

CSS-使div水平对齐

我有一个固定的容器DIVwidth和height，用overflow: hidden。我想要水平行的float：此容器内的div左。在向左浮动的Divs阅读其父级的右边界后，自然会推到下面的“行”上。即使height父级的不允许这样做，也会发生这种情况。这是这样的样子：！[错误] [1]-删除了已被广告替换的图片棚屋图片我希望它看起来如何：！[右] [2]-删除了已被广告替换的图像棚屋图像注意：我想要的效果可以通过使用内联元素＆来实现white-space: no-wrap（这就是我在所示图像中所做的事情）。但是，这对我不利（由于冗长的原因，在这里无法解释），因为子div需要浮动块级元素。

84 html css alignment

11

CSS悬停与JavaScript鼠标悬停

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 1年前关闭。改善这个问题有时候，我可以选择使用CSS元素：悬停或JavaScript onmouseover来控制页面上html元素的外观。考虑以下情况，其中div包装了输入 <div> <input id="input"> </div> 我希望输入将鼠标光标悬停在div上时更改背景色。CSS方法是 <style> input {background-color:White;} div:hover input {background-color:Blue;} </style> <div><input></div> JavaScript方法是 <div onmouseover="document.getElementById('input').style.backgroundColor='Blue';"> <input id="input"> </div> 每种方法的优缺点是什么？CSS方法是否适用于大多数Web浏览器？JavaScript比CSS慢吗？

84 javascript css

Questions tagged «css»