问题标签 [column-width]

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 回答
13665 浏览

google-chrome - chrome vs FF/IE/Opera 计算表格单元格宽度?(表格布局:固定)

我现在已经搜索了将近半天......但我找不到为什么 chrome6/7 似乎是与 IE8/FF3.6/Opera 相比唯一没有将填充添加到指定宽度的浏览器的表格单元格。

当然,如果您正在使用 table-layout:fixed,这将变得至关重要,因为突然之间他们必须注意指定的 px 宽度。

好的,最后我的问题:有谁知道为什么 Chrome 的计算方式不同,哪个浏览器是正确的(符合标准),希望有一个优雅的解决方案吗?

目前,我唯一的解决方案是带有 chrome.css 的条件注释,我在其中手动将填充添加到宽度......颤抖......

(顺便说一句:任何想告诉 px 宽度不适合 web 开发的人......随意离开这个页面)

补充:(关于回复
首先感谢您的即时回复...我试图使其尽可能简短,因此我将事实减少到最低限度...但是,正如您提到的,网络开发中有很多变量,所以我试图澄清......

现在,如果您切换 css 行

在不同的浏览器中,您会看到 chrome 在宽度内包含填充,而其他浏览器则添加它

希望这有助于澄清并提前感谢
berny

0 投票
16 回答
1175034 浏览

html - 无论单元格中的文本量如何,都将表格列宽设置为常数?

在我的表格中,我将列中第一个单元格的宽度设置为100px.
但是,当该列中的一个单元格中的文本太长时,该列的宽度会变得超过100px. 我怎么能禁用这个扩展?

0 投票
4 回答
7868 浏览

css - 换行长表格单元格,同时保持其他单元格的动态宽度

我有一张桌子,它的一个单元格中有一条长线。我需要拆分长线,以免表格宽度超过 100%。我发现通过添加table-layout: fixedand word-wrap: word-break,它将包裹长单元格。但是,使用的副作用table-layout是它会导致所有列具有相同的宽度。

你可以在这里看到一个例子:

http://jsfiddle.net/RYdLd/2/

如何使第一列的宽度自动调整大小以仅适合其内容?(即在本例中,它应该足够宽以显示该列中的1and 2。)

表中的数据将动态加载,因此硬编码宽度值的解决方案并不好,因为无法提前知道列的宽度。我唯一的选择是使用 a <table>,我不能使用 a<div>或其他一些元素。

0 投票
1 回答
261 浏览

html - IE中的表格单元格宽度改变

我有一个相当复杂的表格,它在 IE 中显示不正确。出于某种原因,它忽略了单元格宽度并使某些单元格比我指定的更大/更小。

它在 Safari 和 Firefox 中运行良好。

这是一个已知问题吗?如果是,是否有简单的解决方法?

0 投票
2 回答
434 浏览

width - XSL-FO 在 Apache FOP 和 XMLSpy 中从具有宽区域主体的页面主流向窄(包括列宽更改)时溢出宽度

我在带有 Apache FOP 的 XMLSpy 中使用 XSL-FO(格式化对象)。

当我将内容从具有宽区域主体的简单页面主页面的第一页流到具有窄区域主体的第二(其余)页面时,第二页上的内容与上的内容具有相同的宽度第一页,溢出正文。如果我将第二页上的列数设置为大于第一页上的列数,也会发生这种情况。

如何强制引擎识别可用的水平空间已减少,并相应地调整正文(或列)宽度?

可以在此处查看问题的示例(与包含足够文本内容以从第 1 页流到第 2 页的任何 XML 文档一起使用):

http://pastebin.com/VGyWYNBS

0 投票
2 回答
194 浏览

css - 使用css在不同列中的宽度相同

我必须列,让我们说 rside 和 lside。他们没有固定的高度。我希望每次都相应地调整它们的宽度。因此,如果 lside 较大,则 rside 应该是相同的高度。

因此,它们都应该根据其中的较高者具有一定的高度。

0 投票
2 回答
1881 浏览

html - HTML表格,跟踪标题的水平滚动和垂直滚动 - 文本宽度问题

好的,如果您今天认识我之前的一些帖子,请先道歉。我有一段我写的 HTML,这似乎是唯一的方法。

  • 当您移动 tbody 时,随之而来的水平滚动保持 thead 与 tbody 对齐。
  • 垂直滚动仍然保持在视图中。

我能做到这一点的唯一方法是使用两张桌子。这很有效,请随意尝试。但是,我对列的宽度由其中的文本大小而不是我设置的宽度属性确定的方式存在问题。任何人都可以帮忙吗?

我只是想让一列的宽度表示一列的宽度

编辑: 1200 宽度的原因是因为在溢出 div 内部实际大小是 8x 150px

0 投票
1 回答
212 浏览

wpf - WPF 用户控制的网格列宽

我有一个网格,目前有三列。第一列包含一个 WrapPanel。第二列占据剩余空间,第三列是固定宽度。

我希望用户能够重新分配第一列和第二列之间的空间 - 即两列之间的某种形式的可拖动划分,这将相应地调整它们的大小。

任何指针将不胜感激。我不知道从哪里开始!

0 投票
2 回答
863 浏览

html - 强制列大小尽可能小

我有一个包含信息的表格,最后一列中有一个执行功能的图标。我想知道是否可以强制该列尽可能小(即与图标一样宽)。目前它有相当多的空白空间,我无法摆脱。我尝试将宽度 tp 设置为 1% 和 1px。我如何强制它变小?

谢谢

0 投票
1 回答
1325 浏览

javascript - IE中表格单元格中的浮动DIV

首先,对不起我的英语。我正在尝试用纯 Javascript 制作可拖动和可调整大小的表格列。我在单元格中插入了 2 个区域,一个用于拖动(div),第二个用于调整大小(span),如下面的示例所示。在 Chrome 和 Firefox 中一切正常,但在 IE8 中却不行。

问题是在调整大小时,当 div 不适合单元格并跳到单元格下时,您可以在image中看到“Column1” 。我建议属性“溢出:隐藏”应该修复它,但没有运气。

CSS:

JavaScript:

http://jsfiddle.net/A5kVs/2/