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

wpf - 如何在 XAML 中根据窗口或屏幕大小设置网格列 MaxWidth

我在一个窗口中有一个 3 列网格,第一列上有一个 GridSplitter。我想将第一列的 MaxWidth 设置为父窗口或页面Width(或ActualWidth)的三分之一,如果可能的话,我更愿意在 XAML 中执行此操作。

这是在 XamlPad(或类似)中使用的一些示例 XAML,它显示了我在做什么。

如您所见,右列的宽度与第一列的宽度绑定,因此当您使用拆分器滑动左列时,右列也会这样做:) 如果您将左列向右滑动,最终它将滑过页面/窗口的一半并滑到窗口的右侧,推开第 2 列和第 3 列。

我想通过将第 1 列的 MaxWidth 设置为窗口宽度的三分之一(或类似的东西)来防止这种情况。我可以很容易地在后面的代码中做到这一点,但是如何在“仅 XAML”中做到这一点?

编辑:大卫施密特建议使用 SharedSizeGroup 而不是绑定,这是一个很好的建议。我的示例代码将如下所示:

0 投票
7 回答
866 浏览

javascript - 在 Opera 中使用 jquery 将容器宽度更改为 32767 以上

我想用 jquery 制作一个迷你时间线,并且这个时间线的宽度超过 32767 像素。当我在 Opera 中使用 jquery 更改它时$(".timelinecontainer").width(32767);不会更改它,但在其他浏览器中它可以工作。

你能给我建议让它在 Opera 中工作吗?

0 投票
6 回答
13278 浏览

wpf - WPF DataGrid 同步列宽

我有两个 WPF Toolkit DataGrids,我希望当用户调整第一个网格中第一列的大小时,它会调整第二个网格中第一列的大小。我尝试DataGridColumn将第二个网格中的宽度绑定到第一个网格中的相应列,但它不起作用。我更喜欢使用所有 xaml,但我也可以使用后面的代码。

我也尝试绑定到Width而不是ActualWidth,但都不起作用。

任何帮助是极大的赞赏。

0 投票
4 回答
15066 浏览

javascript - JavaScript - 获取真实图像宽度和高度的函数(跨浏览器)

如何通过 JavaScript 函数获取真实的图像宽度和高度(跨浏览器)?

0 投票
2 回答
491 浏览

css - CSS:带有文本的液体条不会展开

我有一个单杠,它被赋予width100%. 在水平栏中,我有一个在978px容器内左对齐的文本。每当浏览器窗口缩小到小于978px宽度时,页面底部就会出现一个滚动条。每当我向右滚动时,栏不再跨越页面的宽度,而是留在后面。我明白为什么会发生这种情况,但我不知道该怎么做才能解决它。如果您有任何想法,请告诉我。谢谢!

示例页面

0 投票
42 回答
1706452 浏览

html - 如何使 div 不大于其内容?

我的布局类似于:

我希望div只扩展到我的范围table

0 投票
6 回答
1313 浏览

php - 获取 MySQL 列的宽度?

我想知道我是否可以以某种方式将 MySQL 中的列标题文本转换为实际宽度大小的像素。我正在尝试从数据库生成 PDF,我希望它自动调整列宽。因为我将它用于许多表格,所以宽度必须不同,所以我应该能够看到它:“此列的标题称为 CompanyID,因此它的宽度应为 40”。我可以实现这样的目标吗?我可以将文本字符长度转换为实际宽度吗?

谢谢。

0 投票
3 回答
5766 浏览

html - HTML/CSS:创建一个具有最小宽度的居中 div

我想在我的页面上有一个div居中并具有一定宽度的页面,但如果内容需要,它会超出该宽度。我正在这样做:

这在 Firefox/Safari 上效果很好,但在不理解display: inline-block. 关于如何在 IE6 上进行这项工作的任何建议?

0 投票
4 回答
1808 浏览

image - firefoxs 在特定宽度的 png 的内容框边缘呈现细灰线 - 为什么?

当 firefox (3.0.6) 以特定宽度(例如,50%)渲染 png 图像时,会在内容框的左边缘和上边缘显示一条细灰线。该线在其他宽度处消失(例如,70%)。此外,该线似乎不存在于原始图像中(使用 gimp 检查图像)。

这种现象发生在没有 CSS 样式标记的情况下——在下面的 HTML 示例中,CSS 的存在是为了阐明灰线的位置——灰线似乎很明显出现在内容框的最边缘本身。

我很难想象这是一个真正的 Firefox 错误,我想知道我忽略或没有掌握什么概念......

感谢您的时间和任何建议/想法...

图片可以在这里看到 http://datlisp.blogspot.com/2009/02/img-width-tag-and-firefox-rendering-of.html

html:

0 投票
5 回答
9449 浏览

javascript - 表格行 SHOW / HIDE *Without* Column Width Resizing, w/ TableLayout: auto

我有多行表格,显示待售物品。当用户单击一行时,Javascript 会在其下方插入/显示一个新行,其中包含有关该项目的详细信息。问题是当描述很长时,它会强制列宽重新调整/调整大小。这会改变列的位置,真的很烦人,尤其是对用户而言。现在,我有我的 table.style.tableLayout: auto。我实际上更喜欢这种方式,因为列会根据内容进行调整。

我的问题是:如何动态“锁定”表格中列的宽度,以便在插入/显示新行时,列不会重新调整/调整大小?

我试过了:

  1. 将表格动态设置为临时“tableLayout:fixed”
  2. 插入/显示我的新行
  3. 将表格改回“tableLayout:auto”

Actions 1 & 2 适用于 FireFox,但不适用于 Safari 和 IE (6 & 7)。然而,做这三个似乎可以防止列移动太多。

沮丧是无法忍受的......失去很多睡眠......请帮助!

谢谢。