Questions tagged «css»

http://jsfiddle.net/S8g4E/ 我有一个div带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” div而不指定特定高度？ 在示例中，粉红色div也应占据白色空间。 与此问题类似：如何使div占据剩余高度？ 但是我不想摆绝对的位置。

107 html  css  height  parent 

我想设计一个文本块，如下图所示： 质疑这是否可能？

106 html  css 

我的目标是在最后一个CSS上使用CSS li，但是它没有这样做。 #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> 运行代码段隐藏结果展开摘要 如何只选择最后一个孩子？

106 css  css-selectors 

我目前使用来解决一个特殊的问题table，请参阅下文。基本上，我希望两个div占用可用宽度的100％，但只占用所需的垂直空间（从图片上看并不是很明显）。如图所示，两者始终应具有完全相同的高度，并且两者之间应有一点线。 （来源：pici.se） table我目前正在使用，这一切都很容易做到。但是，我不太热衷于解决方案，因为从语义上讲这实际上不是表。

106 html  css  html-table 

已锁定。该问题及其答案被锁定，因为该问题是题外话，但具有历史意义。它目前不接受新的答案或互动。 在另一个论坛上阅读，我接触到CSS框架的世界。我一直在专门看的是BluePrint。我想知道是否还有其他人遇到过CSS框架，建议哪种方法最好，是否值得付出努力？

106 css  css-frameworks 

我有一张100％宽的桌子。如果将<td>s放入其中，它们将以等长的列散开。但是，我希望除last以外的所有列都具有尽可能小的宽度，而无需换行。 我首先要做的是除了最后一个（尽管已弃用，但没有任何效果）之外，我设置width="1px"了所有<td>s style="width:1px"，直到在该列中包含多字数据之前，它都可以正常工作。在这种情况下，为了使长度尽可能小，它包装了我的文字。 让我示范一下。想象一下这张桌子： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 无论我尝试什么，我都会得到的是： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …

106 html  css  html-table 

我一直在尝试像在ms-word表中那样将文本沿垂直方向移动，但到目前为止，我只能做到这一点 ……我不满意，因为它是一个旋转的盒子……是不是有没有办法获得实际的垂直方向文字？ 我仅在演示中将旋转设置为305度，这不会使文本垂直。270deg会，但我只是制作了演示以展示旋转效果。

106 html  css  text  vertical-alignment 

如何使用CSS使列表项连续水平显示？ #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> 运行代码段隐藏结果展开摘要

106 html  css  html-lists 

我有一个清单，李的有一个清单float:left;。之后的内容<ul>应正确对齐。因此，我可以建立以下内容： http://jsfiddle.net/8unU8/ 我认为，可以<div class="clear">通过使用：after这样的伪选择器来删除。 但是该示例不起作用： http://jsfiddle.net/EyNnk/ 我是否总是需要创建一个单独的div来清除浮动元素？

106 html  css 

我正在尝试通过Chrome的开发人员工具查看网站上的工具提示的结构。但是，即使将鼠标悬停在该项目上，当我“检查元素”时，HTML中的工具提示也不会显示任何内容。我知道我可以将Style设置为:hover，但是仍然看不到工具提示的html或css。 有任何想法吗？

106 html  css  hover  google-chrome-devtools 

我有一个如下所示的div页面 <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> 样式 html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: 100%; height: 35px; background-color: #99CC00; } #B { top: …

106 css 

我希望左侧为绿色，右侧为灰色。如上图所示将是完美的。最好是一个纯CSS解决方案（只需要担心WebKit）。 这样的事情可能吗？

106 css  html  input  webkit 

如何隐藏HTML表格行<tr>，使其不占用空间？我将多个<tr>设置为style="display:none;"，但是它们仍然影响表的大小，并且表的边框反映了隐藏的行。

105 html  css  html-table 

使用javascript设置内联CSS值很容易。如果我想更改宽度，并且我有这样的html： <div style="width: 10px"></div> 我需要做的就是： document.getElementById('id').style.width = value; 它将更改内联样式表的值。通常这不是问题，因为内联样式会覆盖样式表。例： <style> #tId { width: 50%; } </style> <div id="tId"></div> 使用此Javascript： document.getElementById('tId').style.width = "30%"; 我得到以下内容： <style> #tId { width: 50%; } </style> <div id="tId" style="width: 30%";></div> 这是一个问题，因为在以下情况下，我不仅不希望更改内联值：在设置宽度之前查找宽度： <div id="tId"></div> 返回的值为Null，因此，如果我的Javascript需要知道某种东西的宽度以执行一些逻辑（我将宽度增加1％，而不是特定值），则当我期望字符串“ 50％”时返回Null ”确实没有用。 所以我的问题是：我的CSS样式中的值不是内联的，如何获得这些值？给定ID，如何修改样式而不是内联值？

105 javascript  html  css  ajax  dom 

我一直在寻找解决方案已有一段时间，但没有发现任何东西。也许这只是我的搜索字词。好吧，我试图根据浏览器窗口的大小使画布居中。画布是800x600。而且如果窗口低于800x600，它也应该调整大小（但目前还不是很重要）

105 html  canvas  css  resize