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

html - 如何在网站中找到未使用的图像和 CSS 样式?

有没有一种方法(除了反复试验)可以用来查找未使用的图像文件?站点中甚至不存在的 ID 和类的 CSS 声明怎么样?

似乎有一种方法可以编写一个脚本来扫描站点,对其进行分析,并查看哪些图像和样式永远不会加载。

0 投票
3 回答
1413 浏览

css - IE CSS Bug - 我如何保持位置:当页面上的动态javascript内容发生变化时绝对

我有一个页面,其中有一个列和一个内容 div,有点像这样:

通过一些样式,我有一个在列和内容之间拆分的图像,但需要保持相同的垂直定位以便对齐。

样式与此类似:

#content当在渲染之前动态加载内容时,这非常有用。这在 Firefox 中也很有效。但是,在 IE6 和 IE7 中,如果我使用 javascript 来更改 的内容(以及高度)#content,则图像不再排列(#column不移动)。如果我使用 IE 开发人员栏来更新 div(比如手动添加位置:绝对),图像会向下跳并再次排列。

我在这里缺少什么吗?

@Ricky - 嗯,这意味着在这种情况下我认为没有解决方案。在最好的情况下,之后会有一场参差不齐的比赛,但随着我的内容扩展和收缩等,隐藏/显示并不实用。仍然感谢您提供最佳解决方案。

0 投票
5 回答
838 浏览

php - 通过 webapp 确定打印字符串的宽度

在我的(PHP)网络应用程序中,我的网站有一部分保留了最近搜索的历史记录。最近的查询显示在侧框中。如果查询文本太长,我会截断它并显示省略号。例如:“我很长的查询是……”

目前,我在一定数量的字符后截断。由于字体不是单一字体,所有 I 的查询比所有 W 的查询更窄。我希望它们在椭圆之前的宽度都差不多。有没有办法获得结果字符串的近似宽度,以便任何给定字符串的椭圆从一开始就出现在大约相同数量的像素中?CSS有办法吗?有 PHP 吗?这会更好地由 JavaScript 处理吗?

0 投票
12 回答
21083 浏览

html - 100% 宽度 textarea 忽略 IE7 中父元素的宽度

我有以下textarea内容table

在 textarea 中有一个长字符串,在 IE7 中 textarea 会拉伸以将其容纳在一行中,但在其他浏览器中保持其 300px 的宽度。

关于如何在 IE 中解决此问题的任何想法?

0 投票
4 回答
58875 浏览

asp.net - 如何让用户控件了解 ASP.NET 中的 css 类

由于在 asp.net 中没有用户控件的标题部分,因此用户控件无法了解样式表文件。因此,Visual Studio 无法识别用户控件中的 css 类并产生警告。我怎样才能让用户控件知道它将与一个 css 类相关,所以如果它警告我一个不存在的 css 类,这意味着该类真的不存在?

编辑:或者我应该采用不同的设计,例如将 css 类公开为 GridView 的“HeaderStyle-CssClass”等属性?

0 投票
13 回答
80159 浏览

html - 如何用项目符号内联显示无序列表?

我有一个带有无序列表的 html 文件。我想水平显示列表项,但仍保留项目符号。无论我尝试什么,每当我将样式设置为内联以满足水平要求时,我都无法显示项目符号。

0 投票
5 回答
42641 浏览

javascript - 你如何在鼠标悬停(jQuery)上交换 DIV?

这最多是第二个最简单的翻转效果,但我仍然没有找到任何简单的解决方案。

通缉:我有一个项目列表和相应的幻灯片列表 (DIV)。加载后,第一个列表项应该被选中(粗体)并且第一张幻灯片应该是可见的。当用户将鼠标悬停在另一个列表项上时,应该选择该列表项并显示相应的幻灯片。

以下代码有效,但很糟糕。我怎样才能以优雅的方式获得这种行为?jquery 有几十个动画和复杂的翻转效果,但是我没有想出一个干净的方法来实现这个效果。

0 投票
3 回答
19605 浏览

html - 跨度上的内联块

我希望以下示例中的两个span标签彼此相邻显示,而不是在另一个下方显示。如果我将width类的span.right 设置为 49%,它们会彼此相邻显示。我无法弄清楚为什么右跨度被向下推,就像右跨度有一些不可见padding/margin的东西,这使得它占用了 50% 以上。我试图在不使用 html 表的情况下完成这项工作。有任何想法吗?


感谢您的解释。该float:left作品在 FF 3.1 中与预期结果完美结合。不幸的是,在 IE6 中,右侧跨度渲染了 50% 的 50%,实际上它的宽度为浏览器窗口的 25%。将其宽度设置为 100% 可以达到预期的效果,但会在处于标准合规模式的 FF 3.1 中中断,我理解这一点。让它同时在 FF 和 IE 6 中工作,而无需求助于 hack 或使用多个 CSS 表一直是一个挑战

0 投票
5 回答
4727 浏览

javascript - 使 iframe 占用垂直空间

我希望iframe占用尽可能多的垂直空间来显示其内容而不是显示滚动条。有可能吗?

有什么解决方法吗?

0 投票
5 回答
10607 浏览

html - 什么是 CSS“设计模式”的好在线资源?

任何人都可以推荐一个很好的 CSS“设计模式”的在线资源吗?

我知道软件上下文中的设计模式通常是指基于 OO 的设计模式,但我指的是更广泛意义上的设计模式:即针对常见问题/任务的通用、干净的解决方案。

此类资源的一个示例是此表格设计列表,它为您提供了有关如何使用一组 CSS 技术使表格看起来漂亮的所有信息。

其他可能有很好的解决方案的常见问题的例子是 div 上的圆角、高度可用的表单布局等。