问题标签 [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 投票
6 回答
1226 浏览

html - 是否有类似于查看源图表的 Firefox 3 插件?

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

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

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

0 投票
4 回答
413 浏览

html - 相同宽度的子跨度

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

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

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

我还能尝试什么?

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

0 投票
9 回答
10336 浏览

html - 一个精心设计的 Web 应用 GUI 框架?

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

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

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

0 投票
13 回答
37808 浏览

css - 在 .CSS 文件中创建一个变量以在该 .CSS 文件中使用

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

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

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

例如

0 投票
5 回答
1108 浏览

css - 如何让你的网站在 Linux 上看起来一样

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

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

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

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

0 投票
7 回答
42597 浏览

javascript - 强制 TEXTAREA 元素换行的最优雅方法,*不管*空格

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

替代文字

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

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

0 投票
12 回答
903058 浏览

html - 如何在 HTML 中将一张图片放在另一张图片之上?

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

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

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

0 投票
12 回答
4179 浏览

asp.net - 如何防止超链接链接

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

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

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

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

0 投票
5 回答
10290 浏览

html - 在 FF、IE6 和 IE7 中工作的 HTML 中垂直和水平居中的实用解决方案

什么是在 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 纯度在这里并不那么重要,而遵循标准对于未来的兼容性是可取的。
0 投票
3 回答
28737 浏览

css - 带有正则表达式的 CSS2 属性选择器

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

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

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