程序设计 css

5

有谁知道我如何防止表格单元格中的文本换行？这是用于表头的，其标题比其下的数据长很多，但是我只需要在一行上显示即可。如果列很宽也可以。我的（简化的）表的HTML如下所示： <table> <thead> <tr> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> </tr> </thead> <tbody> …

284 html css

7

CSS中的内联SVG

是否可以在CSS中使用内联SVG定义？我的意思是： .my-class { background-image: <svg>...</svg>; }

283 css svg

6

如何证明单个flexbox项的正当性（覆盖正当性内容）

您可以覆盖align-items有align-self一个弯曲的项目。我正在寻找一种方法来替代justify-content弹性项目。如果您有一个带有的flexbox容器justify-content:flex-end，但是您希望第一个项目为justify-content: flex-start，那该怎么办呢？最好的答案是这个帖子：https : //stackoverflow.com/a/33856609/269396

283 css flexbox

30

如何让div浮动到其容器的底部？

我多次使用float：right（或left）在容器顶部浮动图像和插入框。最近，我遇到了一个需要将div浮动到另一个div的右下角，并使用您通过float获得的普通文本换行（仅在顶部和左侧换行的文本）的方法。我认为即使float没有底值，这也必须相对容易，但是我无法使用多种技术来做到这一点，而且搜索网络除了使用绝对定位外没有其他办法，但这没有给出正确的自动换行行为。我以为这将是一个非常常见的设计，但显然并非如此。如果没有人提出建议，我将不得不将文本分成单独的框，并手动对齐div，但这非常不稳定，我不愿意在需要它的每个页面上都这样做。编辑：只是给来到这里的人的便条。上面链接为重复项的问题实际上不是重复项。文本环绕inset元素的要求使其完全不同。实际上，这里对投票最高的答案的回答清楚地说明了为什么链接问题中的答案作为对此问题的回答是错误的。无论如何，似乎仍然没有解决此问题的通用方法，但是此处和链接的问题中发布的某些解决方案可能适用于特定情况。

282 html css

6

向左飘浮; vs display：inline; vs display：inline-block; vs display：table-cell;

我的问题这些方法中的任何一种是否是专业的网页设计师所偏爱的？绘制网站时，Web浏览器是否会首选这些方法？这仅仅是个人喜好吗？我还缺少其他技巧吗？注意：以上问题与设计多列布局有关向左飘浮; http://jsfiddle.net/CDe6a/ 这是我在创建列布局时始终使用的方法，并且似乎工作得很好。父母确实会自己崩溃，所以您只需要记住clear:both;之后即可。我刚刚发现的另一个缺点是无法垂直对齐文本。显示：内联；这似乎可以解决父项崩溃的问题，但是增加了空格。 http://jsfiddle.net/CDe6a/1/ 从html删除空格似乎是解决此问题的最简单方法，但是如果您对HTML确实很挑剔，则不希望这样做。 http://jsfiddle.net/CDe6a/2/ 显示：行内块；看起来完全像display:inline;。 http://jsfiddle.net/CDe6a/3/ 显示：表格单元格； http://jsfiddle.net/CDe6a/4/ 完美的作品。我的想法：我确定我会遗漏很多东西，例如某些会破坏布局的异常，但display:table-cell;似乎效果最好，而且我想我会像以往一样float:left;总是开始搞砸，因此我将开始替换它们clear:both;。我已经在网络上阅读了许多有关此的文章和博客，但是没有一篇文章给我明确的答案，说明我在布局网站时应使用的内容。

281 html css css-float

9

如何设置偶数和奇数元素的样式？

是否可以使用CSS伪类选择列表项的偶数和奇数实例？我希望以下内容会产生交替的颜色列表，但我会得到蓝色项目的列表： <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>

281 html css css-selectors

8

隐藏html水平但不垂直的滚动条

我有一个HTML文本区域，该区域的宽度固定，但是高度可变。我想设置overflow:scroll并能够显示一个垂直滚动条，但不能显示水平滚动条。overflow:auto由于其他特定情况，我无法使用。我知道无法使用CSS2仅显示垂直滚动条，而不能显示水平滚动条。我可以使用JavaScript隐藏水平滚动条吗？

279 html css scrollbar

15

适用于Google Chrome的类似于Firebug的调试器

您可以在Google Chrome中使用类似Firebug的东西吗？我想要的基本功能：检查HTML源（选择元素，将其删除等）检查CSS值（内置解决方案有些奇怪）

278 html css google-chrome debugging firebug

9

使用Font Awesome图标作为CSS内容

我想使用Font Awesome图标作为CSS内容，即 a:before { content: "<i class='fa...'>...</i>"; } 我知道我无法在中使用HTML代码content，所以只剩下图像了吗？

278 html css font-awesome

14

什么是WebKit？它与CSS有什么关系？

最近，我看到了带有“ webkit”标签的问题。这些问题通常是与CSS，jQuery，布局，跨浏览器兼容性问题等有关的基于Web的问题。那么，这是什么“ Webkit”，它与CSS有什么关系？我还注意到-webkit-...各种网站的源代码中有很多属性。这两个有关系吗？更新资料因此，从到目前为止的答案来看... WebKit是Safari / Chrome的HTML / CSS Web浏览器呈现引擎。是否有针对IE / Opera / Firefox的引擎，将它们相互使用有什么优缺点？例如，我可以在Firefox中使用WebKit功能吗？最终的问题... IE支持WebKit吗？更新2 所有主要的浏览器都使用不同的渲染引擎。我想这是为什么存在这么多跨浏览器兼容性问题的重要原因！那么，是否存在所有浏览器都将使用的某种项目或向标准渲染引擎的迁移？HTML5是否会终结跨浏览器的兼容性问题？

277 css webkit cross-browser rendering-engine

9

使按钮全角显示？

我希望按钮能占据列的整个宽度，但是有困难... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> 如何使按钮与列一样宽？

276 css twitter-bootstrap html responsive-design

4

如何一次将样式应用于多个类？

我希望两个名称不同的类在CSS中具有相同的属性。我不想重复代码。 .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> 运行代码段隐藏结果展开摘要由于两个类都在做同一件事，因此我应该能够将其合并为一个。我怎样才能做到这一点？

276 css css-selectors

7

：focus和：active有什么区别？

:focus和:active伪类之间有什么区别？

275 css css-selectors pseudo-class

3

使用：after在元素后添加一个空格（“”）

我想在某些内容后添加一个空格，但是content: " ";似乎不起作用。这是我的代码： h2:after { content: " "; } ...这不起作用，但是这样做： h2:after { content: "-"; } 我究竟做错了什么？

274 css

17

渐变边框

我试图将渐变应用于边框，我认为这样做很简单： border-color: -moz-linear-gradient(top, #555555, #111111); 但这是行不通的。有谁知道做边界渐变的正确方法是什么？

274 css gradient

Questions tagged «css»