问题标签 [css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
22477 浏览

html - Why did the width collapse in the percentage width child element in an absolutely positioned parent on Internet Explorer 7?

I have an absolutely positioned div containing several children, one of which is a relatively positioned div. When I use a percentage-based width on the child div, it collapses to 0 width on IE7, but not on Firefox or Safari.

If I use pixel width, it works. If the parent is relatively positioned, the percentage width on the child works.

  1. Is there something I'm missing here?
  2. Is there an easy fix for this besides the pixel-based width on the child?
  3. Is there an area of the CSS specification that covers this?
0 投票
11 回答
52421 浏览

javascript - 如何检测网页中使用了哪一种定义的字体?

假设我的页面中有以下 CSS 规则:

如何检测用户浏览器中使用了哪一种定义的字体?

对于想知道我为什么要这样做的人来说,因为我正在检测的字体包含其他字体中不可用的字形。如果用户没有字体,那么我希望它显示一个链接,要求用户下载该字体(这样他们就可以使用我的 Web 应用程序和正确的字体)。

目前,我正在为所有用户显示下载字体链接。我只想为没有安装正确字体的人显示这个。

0 投票
11 回答
21174 浏览

html - 如何在连字符 (-) 等特殊字符后分词

给定一个相对简单的 CSS:

如何使字符串保持在width 150的范围内,并在连字符上换行?

0 投票
5 回答
6827 浏览

css - 哪些网站提供免费的优质网站设计模板?

让我们汇总一个免费的优质网站设计模板列表。那里有一百万个这样的网站,但大多数都是重复和无聊的。

我将从freeCSStemplates.org开始

我也认为其他网站应该遵循某种标准,例如这里是 freeCSStemplates 标准

  • 根据知识共享署名 2.5 许可免费发布
  • 在图像方面非常轻巧
  • 无表格(即他们不使用表格进行布局)
  • 符合 W3C 标准且有效(XHTML Strict)
  • 提供公共领域的照片,由 PDPhoto.org 和 Wikimedia Commons 慷慨提供
0 投票
5 回答
7584 浏览

javascript - 如何让浏览器看到 CSS 和 Javascript 更改?

CSS 和 Javascript 文件不会经常更改,因此我希望它们被 Web 浏览器缓存。但我也希望 Web 浏览器能够查看对这些文件所做的更改,而无需用户清除浏览器缓存。还需要一个与 Subversion 等版本控制系统配合良好的解决方案。


我见过的一些解决方案涉及以查询字符串的形式在文件末尾添加版本号。

可以使用 SVN 修订号为您自动执行此操作:ASP.NET Display SVN Revision Number

你能指定如何包含另一个文件的修订变量吗?那就是在 HTML 文件中,我可以在 CSS 或 Javascript 文件的 URL 中包含修订号。

Subversion 书中,它谈到了修订:“此关键字描述了该文件在存储库中更改的最后一个已知修订”。

Firefox 还允许按CTRL+R重新加载特定页面上的所有内容。

为了澄清,我正在寻找不需要用户做任何事情的解决方案。

0 投票
17 回答
181912 浏览

javascript - 如何使用 JavaScript 中的 css 属性设置 HTML 元素的背景颜色

如何在 JavaScript 中使用 css 设置 HTML 元素的背景颜色?

0 投票
13 回答
23601 浏览

javascript - 将列表包装成列

ColdFusion用来填充一个包含 HTML 无序列表 ( <ul>s) 的模板。

其中大多数都没有那么长,但有一些长度非常长,并且真的可以放在 2-3 列中。

是否有 HTML、ColdFusion 或 JavaScript(我正在接受 jQuery 解决方案)方式来轻松做到这一点?为了节省一些滚动,一些过于复杂的重量级解决方案是不值得的。

0 投票
14 回答
174433 浏览

html - 使用 CSS 在 HTML 中设置 div 的高度

我正在尝试用两列布局一个类似表格的页面。我希望最右边的列停靠在页面的右侧,并且该列应该具有不同的背景颜色。右侧的内容几乎总是会小于左侧的内容。我希望右侧的 div 始终足够高,以达到其下方行的分隔符。我怎样才能让我的背景颜色填充那个空间?


编辑:我同意这个例子非常像表格,实际的表格将是一个不错的选择。但我的“真实”页面最终会变得不像表格,我只想先掌握这个任务!

此外,由于某种原因,当我在 IE7 中创建/编辑我的帖子时,代码会在预览视图中正确显示,但是当我实际发布消息时,格式会被删除。FWIW,在 Firefox 2 中编辑我的帖子似乎奏效了。


另一个编辑:是的,我不接受 GateKiller 的回答。它确实在我的简单页面上工作得很好,但在我实际较重的页面上却不行。我会调查一些你们都指向我的链接。

0 投票
4 回答
3803 浏览

javascript - 如何设置 CSS 切换器

我正在开发一个网站,该网站将在设定的日期切换到新样式。该站点的内置语义 HTML 和 CSS,因此更改应该只需要更改 CSS 参考。我正在与需要能够查看外观的设计师以及需要能够查看当前外观的内容更新以及新外观的设计进度的客户合作。

我打算在页脚中使用一个神奇的查询字符串值和/或一个 javascript 链接,它会写出一个 cookie 来选择新的 CSS 页面。我们正在使用 ASP.NET 3.5。有什么建议吗?

我应该提到我们正在使用 IE 条件注释来支持 IE8、7 和 6。我可以创建一个进行替换的函数:

0 投票
21 回答
4624 浏览

css - Is there a business reason for striving for pure CSS layout?

It seems like every time I try to create a pure CSS layout it takes me much longer than if I'd use a table or two. Getting three columns to be equal lengths with different amounts of data seems to require particular fancy hacks, especially when dealing with cross-browser issues.

My Question:

Who are these few tables going to hurt?

Tables seem to work particularly well on tabular data — why are they so reviled in this day and age?

Google.com has a table in its source code, so do many other sites (stackoverflow.com does not by the way).