问题标签 [css]

在升级到 Firefox 3 之前，我经常使用View Source Chart Firefox Addon，它以非常有条理的图形形式显示源 HTML。不幸的是，这个插件仅适用于 Firefox 2，而 Firefox 3 的测试版现在在作者的网站上售价 10 美元。

有人知道适用于 Firefox 3 的类似插件吗？

（当然，我可能确实为此支付 10 美元，但首先想问问有没有更好和免费的东西，因为 Firefox 2 的版本有其局限性，我真的不想花 10 美元购买在付费之前我无法测试的测试版。）

我正在尝试使用<span>'s 表示的元素创建一个水平菜单。菜单本身（父级<div>）具有固定宽度，但元素编号始终不同。

我想有<span>相同宽度的孩子，与他们中有多少人无关。

到目前为止我所做的：float: left;为每个跨度添加一个样式并指定它的百分比宽度（百分比或多或少很好，因为服务器在页面生成时知道，那里有多少菜单项并且可以划分 100%由这个数字）。这有效，除了我们有除法余数的情况（比如 3 个元素），在这种情况下，我在 parent 右侧有一个像素孔<div>，如果我将百分比向上取整，最后一个菜单元素是包裹。我也不太喜欢即时生成样式，但如果没有其他解决方案，那也没关系。

我还能尝试什么？

这似乎是一个非常常见的问题，但是谷歌搜索“相同宽度的子元素”并没有帮助。

作为那些从未正确学习设计（或没有天赋）的人之一，设计似乎是一直阻碍我前进的一步。对于富客户端来说这不是问题，因为标准的 GUI 工具包提供了一些可接受的方法来设计美观的界面，但 Web 是另一回事。

问题：有人知道用于设计 Web 应用程序界面的高质量框架吗？我正在考虑为一组足够的控件（标准 html 控件加上导航、列表、表单）和样式表提供标准的 html 片段，以使其具有可接受的现代外观。如果存在这样的东西，它甚至可以以 wordpress、drupal 等允许的方式支持主题。

我知道 yahoo yui，但这主要是 javascript，尽管他们的网格 css 是朝着正确方向迈出的一步。

可能的重复：
避免 CSS 中的重复常量

我们有一些在我们的 CSS 表中重复使用的“主题颜色”。

有没有办法设置一个变量然后重用它？

例如

我有一个相当符合标准的 XHTML+CSS 站点，在 PC 和 Mac 上的所有浏览器上看起来都很棒。前几天我在 Linux 上的 FF3 上看到它，字母间距稍大，使所有内容都乱七八糟，并导致不必要的文本换行和剪切。有问题的CSS有

我知道它与通用的无衬线字体一起使用，无论映射到什么。如果我添加以下内容，文本会变得足够接近我在其他平台上得到的内容：

但这将涉及一些令人讨厌的服务器端操作系统嗅探。如果有一个纯 CSS 解决方案，我很想听听。

有问题的系统是 Ubuntu 7.04，但这无关紧要，因为我希望至少为大多数（如果不是全部）Linux 用户修复它。当然，要求用户安装字体不是一种选择！

Html Textarea 元素仅在到达空格或制表符时才换行。这很好，直到用户输入了足够多的单词。我正在寻找一种严格执行换行符的方法（例如：即使它导致“loooooooooooo \n ooooooooooong”）。

我发现最好的方法是在每个字母后添加一个零宽度的 unicode 空格，但这会破坏复制和粘贴操作。有人知道更好的方法吗？

注意：我在这里指的是“textarea”元素（即：行为类似于文本输入的元素）——不仅仅是一个普通的旧文本块。

我是 Rails 编程的初学者，试图在页面上显示许多图像。有些图像要放在其他图像之上。为了简单起见，假设我想要一个蓝色方块，蓝色方块的右上角有一个红色方块（但角落不紧）。由于性能问题，我试图避免合成（使用 ImageMagick 等）。

我只想相对于彼此定位重叠的图像。

作为一个更困难的例子，想象一个里程表放置在一个更大的图像中。对于六位数字，我需要合成一百万个不同的图像，或者在运行中完成所有操作，所需要的只是将六个图像放在另一个图像之上。

是否可以阻止asp.net 超链接控件链接，即它显示为标签，而实际上不必用标签替换控件？也许使用 CSS 或设置属性？

我知道将其标记为禁用是可行的，但随后会以不同的方式显示（灰显）。

为了澄清我的观点，我在页面顶部有一个用户名列表，这些用户名是使用用户控件动态构建的。大多数情况下，这些名称可链接到电子邮件页面。但是，如果用户已被禁用，则名称显示为灰色，但当前仍链接到电子邮件页面。我希望这些禁用的用户不要链接。

我知道我真的应该用标签替换它们，但这似乎不像使用 CSS 说（如果可能的话）删除链接能力那么优雅。它们已经以不同的颜色显示，因此很明显它们是禁用用户。我只需要关闭链接。

什么是在 Firefox、IE6 和 IE7 中工作的 HTML 中垂直和水平居中内容的实用解决方案？

一些细节：

• 我正在寻找整个页面的解决方案。

• 您只需要指定要居中的元素的宽度。元素的高度在设计时是未知的。

• 最小化窗口时，只有在所有空白都消失时才会出现滚动。换句话说，屏幕的宽度应该表示为：

"leftSpace 宽度=(screenWidth-widthOfCenteredElement)/2"+
"centeredElement 宽度=widthOfCenteredElement"+
"rightSpace 宽度=(screenWidth-widthOfCenteredElement)/2"

高度也一样：

"topSpace 高度=(screenHeight-heightOfCenteredElement)/2"+
"centeredElement 高度=heightOfCenteredElement"+
"bottomSpace 高度=(screenWidth-heightOfCenteredElement)/2"

• 实际上，我的意思是使用表格是可以的。我打算将此布局主要用于登录等特殊页面。所以 CSS 纯度在这里并不那么重要，而遵循标准对于未来的兼容性是可取的。

CSS 属性选择器允许基于属性值选择元素。不幸的是，我已经好几年没有使用它们了（主要是因为并非所有现代浏览器都支持它们）。但是，我清楚地记得，我可以使用它们来装饰所有带有图标的外部链接，方法是使用类似于以下的代码：

上面的代码不起作用。我的问题是：它是如何工作的？如何选择属性以 开头的所有<a>标签？官方的 CSS 规范（上面链接）甚至没有提到这是可能的。但我确实记得这样做过。href"http"

（注意：显而易见的解决方案是使用class属性进行区分。我想避免这种情况，因为我对 HTML 代码的构建方式影响不大。我只能编辑 CSS 代码。）