问题标签 [layout]

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 投票
28 回答
529500 浏览

javascript - 使用 jQuery 使 DIV 在屏幕上居中

如何<div>使用 jQuery 在屏幕中央设置 a?

0 投票
5 回答
4522 浏览

css - CSS清除是如何真正起作用的?

我有一个<div>我想自己上线的。根据W3Schools,这条规则:

...应该是这个意思:

“左侧或右侧都不允许浮动元素。”

但是,如果我将两个元素向左浮动<div>,并将上面的规则应用于第一个元素,则第二个元素不会让步。

另一方面,如果我申请"clear: left"第二个<div>,它会向下移动到下一行。这是我的正常做法,但我不明白为什么我必须这样做。

上面的 W3Schools 描述是否表述不佳,还是我遗漏了什么?清除规则是否只能移动应用它的元素?

回答

感谢 Michael S 和 John D 的良好解释。Warren 指出CSS2 spec,这就是我找到这个答案的地方(强调我的):

此属性指示元素框的哪些边可能不与 较早的浮动框相邻。

所以:clear只影响应用它的元素的位置,相对于出现在它之前的元素的代码。

令人失望的是我不能告诉我<div>让其他 div 向下移动,但它们是休息时间。:)

0 投票
4 回答
2036 浏览

html - 继续调整文本大小以防止将其容器中的其他元素推到周围?

我有以下html

在我的CSS中

一切都很好,除了当我将鼠标悬停在链接上时,颜色会发生变化并且变为粗体,这是我想要的,但它也会导致所有其他 li 元素轻微移动,然后在鼠标关闭时向后移动. 有没有一种简单的方法可以阻止这种情况发生?

0 投票
15 回答
312064 浏览

html - 你如何防止浮动元素的父母崩溃?

尽管像<div>s 这样的元素通常会增长以适应其内容,但使用该float属性可能会给 CSS 新手带来一个令人吃惊的问题:如果浮动元素有非浮动的父元素,则父元素会崩溃。

例如:

此示例中的父 div不会扩展以包含其浮动子级 - 它似乎具有height: 0.

你怎么解决这个问题?

我想在这里创建一个详尽的解决方案列表。如果您知道跨浏览器兼容性问题,请指出。

解决方案 1

浮动父级。

优点:语义代码。
缺点:您可能并不总是希望父级浮动。即使你这样做了,你会浮动父母的父母,等等吗?你必须浮动每个祖先元素吗?

解决方案 2

给父母一个明确的高度。

优点:语义代码。
缺点:不灵活 - 如果内容更改或浏览器调整大小,布局将中断。

解决方案 3

在父元素内附加一个“spacer”元素,如下所示:

优点:代码简单。
缺点:不是语义;间隔 div 仅作为布局技巧存在。

解决方案 4

将父级设置为overflow: auto

优点:不需要额外的 div。
缺点:似乎是一种黑客行为 - 这不是该overflow物业的既定目的。

注释?其他建议?

0 投票
3 回答
6123 浏览

java - 如何减少GridLayout中JCheckboxes之间的空间

JCheckboxes在一列中有三个 Java,通过将容器的布局设置JPanelGridLayout(3, 1, 1, 1). 当我运行程序时,JCheckBoxes 之间的垂直空间太大;它看起来超过 1 个像素。由于我已经将布局中 JCheckbox 之间的垂直间距设置为 1 像素,我还能如何减少这些 JCheckbox 之间的垂直间距?

谢谢。

0 投票
2 回答
942 浏览

c# - 我可以在 XAML(或代码旁)中定义跨容器 TabIndex 顺序吗

只允许我覆盖给定容器中控件的 Tab 顺序。

有没有办法在所有控件中指定这一点,例如 UserControl,而不管用于排列控件的包含。

干杯,

0 投票
2 回答
243 浏览

css - Myspace 音乐布局问题

如何将我的内容推送到页面顶部,而不是掩盖广告,而是掩盖菜单和 myspace 链接。我想做类似的事情:http://www.myspace.com/sensesfailhttp://www.myspace.com/attackx2。谢谢。

0 投票
5 回答
2620 浏览

qt - 你如何调试 Qt 布局问题

我有一个复杂的对话框,它充满了空格,我无法缩小它。在 Designer 中,它有很多组件会被动态隐藏,还有一些是动态添加的。我添加了尺寸策略、尺寸提示和最小尺寸的倾倒,但仍然无法弄清楚为什么 Qt 不允许我将其拖得更小。

必须有一些工具或技术来解决这个问题。

请分享。

0 投票
5 回答
9443 浏览

wpf - 如何使工具栏中的项目填充 WPF 中的所有可用空间

我正在尝试在 ToolBar 上创建一个项目(特别是标签、文本块或文本框),它将填充所有可用的水平空间。我已经通过从 ToolBarTray 中取出 ToolBar 本身来拉伸它,但我不知道如何使项目拉伸。

我尝试将 Width 设置为 Percenatage 或 Star 值,但它不接受。在各个地方将 Horizo​​ntal(Content)Alignment 设置为 Stretch 似乎也没有效果。

0 投票
5 回答
6961 浏览

apache-flex - 在 Flex 中调整容器大小以仅遵守父容器的显式尺寸的最佳方法

近一年来我一直在使用 Flex 遇到这个问题,每次我都想出一个暂时有效的快速破解解决方案。我想看看是否有人有更好的主意。

以下是问题的条件:

问题是,与我希望发生的相反,VBox 将始终扩展以容纳其中的内容,而不是坚持其父级的显式高度并创建滚动条。

我的解决方案是在对父项的引用中进行硬编码(或者无论我们需要在显示列表的多远位置找到一个明确设置的值而不是百分比)。

我什至考虑在实用程序类中使用它:

请告诉我有更好的方法。