问题标签 [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)。然而,做这三个似乎可以防止列移动太多。
沮丧是无法忍受的......失去很多睡眠......请帮助!
谢谢。