问题标签 [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.
wpf - 如何在 XAML 中根据窗口或屏幕大小设置网格列 MaxWidth
我在一个窗口中有一个 3 列网格，第一列上有一个 GridSplitter。我想将第一列的 MaxWidth 设置为父窗口或页面Width（或ActualWidth）的三分之一，如果可能的话，我更愿意在 XAML 中执行此操作。
这是在 XamlPad（或类似）中使用的一些示例 XAML，它显示了我在做什么。
如您所见，右列的宽度与第一列的宽度绑定，因此当您使用拆分器滑动左列时，右列也会这样做:) 如果您将左列向右滑动，最终它将滑过页面/窗口的一半并滑到窗口的右侧，推开第 2 列和第 3 列。
我想通过将第 1 列的 MaxWidth 设置为窗口宽度的三分之一（或类似的东西）来防止这种情况。我可以很容易地在后面的代码中做到这一点，但是如何在“仅 XAML”中做到这一点？
编辑：大卫施密特建议使用 SharedSizeGroup 而不是绑定，这是一个很好的建议。我的示例代码将如下所示：
javascript - 在 Opera 中使用 jquery 将容器宽度更改为 32767 以上
我想用 jquery 制作一个迷你时间线，并且这个时间线的宽度超过 32767 像素。当我在 Opera 中使用 jquery 更改它时$(".timelinecontainer").width(32767);不会更改它，但在其他浏览器中它可以工作。
你能给我建议让它在 Opera 中工作吗？
wpf - WPF DataGrid 同步列宽
我有两个 WPF Toolkit DataGrids，我希望当用户调整第一个网格中第一列的大小时，它会调整第二个网格中第一列的大小。我尝试DataGridColumn将第二个网格中的宽度绑定到第一个网格中的相应列，但它不起作用。我更喜欢使用所有 xaml，但我也可以使用后面的代码。
我也尝试绑定到Width而不是ActualWidth，但都不起作用。
任何帮助是极大的赞赏。
javascript - JavaScript - 获取真实图像宽度和高度的函数（跨浏览器）
如何通过 JavaScript 函数获取真实的图像宽度和高度（跨浏览器）？
css - CSS：带有文本的液体条不会展开
我有一个单杠，它被赋予width了100%. 在水平栏中，我有一个在978px容器内左对齐的文本。每当浏览器窗口缩小到小于978px宽度时，页面底部就会出现一个滚动条。每当我向右滚动时，栏不再跨越页面的宽度，而是留在后面。我明白为什么会发生这种情况，但我不知道该怎么做才能解决它。如果您有任何想法，请告诉我。谢谢！
html - 如何使 div 不大于其内容？
我的布局类似于：
我希望div只扩展到我的范围table。
php - 获取 MySQL 列的宽度？
我想知道我是否可以以某种方式将 MySQL 中的列标题文本转换为实际宽度大小的像素。我正在尝试从数据库生成 PDF，我希望它自动调整列宽。因为我将它用于许多表格，所以宽度必须不同，所以我应该能够看到它：“此列的标题称为 CompanyID，因此它的宽度应为 40”。我可以实现这样的目标吗？我可以将文本字符长度转换为实际宽度吗？
谢谢。
html - HTML/CSS：创建一个具有最小宽度的居中 div
我想在我的页面上有一个div居中并具有一定宽度的页面，但如果内容需要，它会超出该宽度。我正在这样做：
这在 Firefox/Safari 上效果很好，但在不理解display: inline-block. 关于如何在 IE6 上进行这项工作的任何建议？
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:
javascript - 表格行 SHOW / HIDE *Without* Column Width Resizing, w/ TableLayout: auto
我有多行表格，显示待售物品。当用户单击一行时，Javascript 会在其下方插入/显示一个新行，其中包含有关该项目的详细信息。问题是当描述很长时，它会强制列宽重新调整/调整大小。这会改变列的位置，真的很烦人，尤其是对用户而言。现在，我有我的 table.style.tableLayout: auto。我实际上更喜欢这种方式，因为列会根据内容进行调整。
我的问题是：如何动态“锁定”表格中列的宽度，以便在插入/显示新行时，列不会重新调整/调整大小？
我试过了：
- 将表格动态设置为临时“tableLayout：fixed”
- 插入/显示我的新行
- 将表格改回“tableLayout：auto”
Actions 1 & 2 适用于 FireFox，但不适用于 Safari 和 IE (6 & 7)。然而，做这三个似乎可以防止列移动太多。
沮丧是无法忍受的......失去很多睡眠......请帮助！
谢谢。