程序设计 css

30

我正在一个Web应用程序上工作，我希望其中的内容能填满整个屏幕的高度。该页面具有标题，其中包含徽标和帐户信息。这可以是任意高度。我希望内容div将页面的其余部分填充到底部。我有一个标题div和一个内容div。目前，我正在使用表格进行布局，如下所示： CSS和HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } <table id="page"> <tr> <td id="tdheader"> <div id="header">...</div> </td> </tr> <tr> <td id="tdcontent"> <div id="content">...</div> </td> </tr> </table> 运行代码段隐藏结果展开摘要页面的整个高度已填满，不需要滚动。对于content div中的任何内容，设置top: 0;将其放在标题的正下方。有时，内容将是一个实际表，其高度设置为100％。把header里面content不会让这种工作。有没有一种方法可以在不使用的情况下达到相同的效果table？更新： …

1906 html css html-table

13

SCSS和Sass有什么区别？

根据我的阅读，Sass是一种语言，它通过变量和数学支持使CSS更加强大。 SCSS有什么区别？是否应该使用相同的语言？类似？不同？

1900 css sass

20

CSS三角形如何工作？

Наэтотвопросестьответына 堆栈溢出нарусском：КаксоздатьтреугольникиCSS？ CSS技巧中有许多不同的CSS形状-CSS的形状，我尤其对三角形感到困惑： #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } <div id="triangle-up"></div> 运行代码段隐藏结果展开摘要它如何以及为什么起作用？

1846 css geometry polygon css-shapes

30

如何对齐复选框及其标签始终跨浏览器

这是困扰我的CSS的小问题之一。Stack Overflow周围的人们如何垂直对齐checkboxes以及他们labels始终如一的跨浏览器？每当我在Safari中正确对齐它们（通常vertical-align: baseline在上使用input）时，它们在Firefox和IE中就完全关闭了。在Firefox中对其进行修复，不可避免地将Safari和IE弄乱了。每次编写表单时，我都会在此上浪费时间。这是我使用的标准代码： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> 运行代码段隐藏结果展开摘要我通常使用Eric Meyer的重置，因此表单元素相对而言是覆盖不大的。期待您提供的任何提示或技巧！

1732 html css cross-browser alignment forms

30

将HTML + CSS转换为PDF [关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 3年前关闭。我有一个HTML（不是XHTML）文档，可以在Firefox 3和IE 7中很好地呈现。它使用相当基本的CSS对其进行样式设置，并在HTML中很好地呈现。我现在正在寻找一种将其转换为PDF的方法。我努力了： DOMPDF：表格有很大的问题。我考虑了我的大型嵌套表并对其进行了帮助（在此之前，它只消耗了128M的内存然后就死了-这就是我对php.ini中的内存的限制），但它使表完全混乱，并且似乎没有得到图片。表格只是基本的东西，带有一些边框样式，以便在各个点添加一些线条。 HTML2PDF和HTML2PS：对此我确实比较幸运。它呈现了一些图像（所有图像都是Google Chart URL），并且表格格式要好得多，但是似乎存在一些复杂性问题，我还没有弄清楚，并且一直死于未知的node_type（）错误。不知道从这里去哪里；和 Htmldoc：这似乎在基本HTML上可以正常工作，但是几乎不支持CSS，因此您必须使用HTML进行所有操作（我没有意识到在Htmldoc-land仍然是2001年……），所以对我来说毫无用处。我尝试了一个名为Html2Pdf Pilot的Windows应用程序，该应用程序实际上做得相当不错，但是我需要的东西至少要在Linux上运行，并且最好在Web服务器上通过PHP按需运行。我缺少什么，或者如何解决此问题？

1628 php html css pdf pdf-generation

16

通过div单击底层元素

我有一个div具有background:transparent，沿border。在此之下div，我还有更多元素。目前，当我在叠加层外部单击时，我可以单击基础元素div。但是，当直接在叠加层上单击时，我无法单击基础元素div。我希望能够单击此按钮，div以便可以单击基础元素。

1590 css

26

检索HTML元素相对于浏览器窗口的位置（X，Y）

我想知道如何相对于浏览器窗口获取HTML元素（例如img和div在JavaScript中）的X和Y位置。

1562 javascript html css dom position

30

如何为“选择”框创建占位符？

我正在使用占位符进行文本输入，效果很好。但是我也想为我的选择框使用一个占位符。当然，我可以使用以下代码： <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> 但是“选择您的选项”是黑色而不是浅灰色。因此，我的解决方案可能基于CSS。jQuery也很好。这只会使下拉菜单中的选项变为灰色（因此，单击箭头后）： option:first { color: #999; } 问题是：人们如何在选择框中创建占位符？但它已经得到回答，欢呼。使用此方法会导致所选值始终为灰色（即使在选择实选项后）： select { color: #999; }

1542 html css html-select placeholder

30

如何自动调整图像大小以适合“ div”容器？

您如何自动调整大图像的大小，以使其适合较小的div容器，同时保持其宽高比？示例：stackoverflow.com-当图像插入到编辑器面板上并且图像太大而无法容纳在页面上时，图像将自动调整大小。

1509 html css image autoresize

30

如何在div中垂直对齐图像

如何在容器中对齐图像div？例在我的例子，我需要垂直居中的<img>在<div>用class ="frame“： <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frame的高度是固定的，图像的高度是未知的。.frame如果这是唯一的解决方案，则可以添加新元素。我正在尝试在Internet Explorer 7和更高版本的WebKit，Gecko上执行此操作。在这里查看jsfiddle 。 .frame { height: 25px; /* Equals maximum image height */ line-height: 25px; width: 160px; border: 1px solid red; text-align: center; margin: 1em 0; } img { background: #3A6F9A; vertical-align: middle; max-height: 25px; max-width: …

1455 css image vertical-alignment

30

CSS显示属性上的过渡

我目前正在设计一个CSS“大型下拉菜单”-基本上是一个常规的仅CSS下拉菜单，但其中包含不同类型的内容。目前，CSS 3过渡似乎不适用于'display'属性，即，您不能进行从display: none到display: block（或任何组合）的任何过渡。当有人将鼠标悬停在顶层菜单项之一上时，是否可以使上例中的第二层菜单“淡入”？我知道您可以在visibility:属性上使用过渡，但是我想不出一种有效使用过渡的方法。我也尝试过使用高度，但是不幸地失败了。我还知道使用JavaScript实现此功能很简单，但是我想挑战一下自己仅使用CSS，而且我想说的还有点不足。

1444 css css-transitions

30

如何将所有浏览器的div垂直居中？

我想将divCSS垂直居中放置。我不需要表或JavaScript，而只需要纯CSS。我找到了一些解决方案，但是所有这些解决方案都缺少Internet Explorer 6支持。 <body> <div>Div to be aligned vertically</div> </body> 如何div在所有主要浏览器（包括Internet Explorer 6）中垂直居中？

1366 css cross-browser alignment vertical-alignment centering

15

是否有一个“先前的兄弟”选择器？

Наэтотвопросестьответына 堆栈溢出нарусском：Селекторлевыхсоседей 加号（+）用于下一个兄弟姐妹。以前的兄弟姐妹有同等学历吗？

1354 css css-selectors

7

CSS calc（）函数中的Sass变量

我正在尝试calc()在Sass样式表中使用该函数，但遇到了一些问题。这是我的代码： $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) 如果我使用文字50px而不是body_padding变量，那么我得到的正是我想要的。但是，当我切换到变量时，这是输出： body { padding-top: 50px; height: calc(100% - $body_padding); } 如何让Sass认识到它需要替换calc函数中的变量？

1343 css sass css-calc

24

如何仅使用CSS设置<select>下拉列表的样式？

是否有仅CSS方式来设置<select>下拉菜单样式？我需要在<select>不使用任何JavaScript的情况下尽可能地样式化表单。我可以在CSS中使用哪些属性？此代码需要与所有主要浏览器兼容： Internet Explorer 6、7和8 火狐浏览器苹果浏览器我知道我可以使用JavaScript实现：Example。我不是在谈论简单的样式。我想知道，仅CSS可以做得最好。我在堆栈溢出中发现了类似的问题。而这个在Doctype.com上。

1333 html css combobox cross-browser skinning

Questions tagged «css»