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

mysql - 如何在 Wordpress 网站上显示数据库查询统计信息?

我注意到一些 Wordpress 博客的页脚中有查询统计信息,这些统计信息简单地说明了查询的数量以及为特定页面处理它们所需的总时间,如下所示:

23 个查询。0.448 秒

我想知道这是如何实现的。是通过使用特定的 Wordpress 插件还是通过在页面代码中使用某些特定的 php 函数?

0 投票
4 回答
301431 浏览

wpf - 如何在 WPF 中获取控件以填充可用空间?

如果您不指定它的高度,某些 WPF 控件(如Button)似乎很乐意消耗其容器中的所有可用空间。

还有一些,比如我现在需要使用的那些,(多行)TextBoxListBox似乎更担心只占用必要的空间来适应它们的内容,仅此而已。

如果你把这些家伙放在一个单元格中UniformGrid,它们会扩展以适应可用空间。但是,UniformGrid实例并不适用于所有情况。如果您有一个网格,其中一些行设置为 * 高度以在其自身和其他 * 行之间划分高度怎么办?如果你有 a StackPanel,你有 a Label, aList和 a Button,你怎么能让列表占据标签和按钮没有吃掉的所有空间?

我认为这确实是一个基本的布局要求,但我不知道如何让它们填充它们可以填充的空间(将它们放入 aDockPanel并将其设置为填充也不起作用,似乎,因为DockPanel唯一占用其子控件所需的空间)。

如果您必须使用Height, Width,MinHeight等来调整大小的 GUI 将是非常可怕的MinWidth

您可以将您的HeightWidth属性绑定到您占用的网格单元吗?还是有其他方法可以做到这一点?

0 投票
4 回答
367 浏览

.net - 字体相关的控制定位

我想在 Vista 上使用 Segoe UI 9 pt,在 Windows XP/etc 上使用 Tahoma 8 pt。(实际上,我会满足于两者上的 Segoe UI,但我的用户可能没有安装它。)但是,它们完全不同,它们真的搞砸了我的表单布局。那么……有什么好的方法来解决这个问题吗?

一个例子:我有一个Label,中间有一些空格,我在其中放置了一个NumericUpDown控件。如果我使用 Segoe UI,NumericUpDown与使用 Tahoma 时相比,空白区域左侧大约 5 个像素左右。这是一种痛苦;我不确定在这里做什么。

所以最具体地说,我的问题是:如何将控件放置在我Label的 s(或CheckBoxes 等)的空白区域的中间?最普遍的是:是否有一种处理 Windows 窗体中不同字体的好方法?

编辑:我认为人们不理解这个问题。我知道如何根据操作系统改变我的字体。我只是不知道如何处理由此产生的布局问题。

回复 ajryan, quick_dry:好的,你们明白这个问题了。我想 MeasureString 可能会起作用,尽管我有兴趣进一步探索解决这个问题的更好方法。

拆分控件的问题在使用 a 时最为明显CheckBox。在那里,如果用户单击 CheckBox 的“后半部分”(Label我猜这将是一个单独的控件),CheckBox则不会更改状态。

0 投票
1 回答
292 浏览

winforms - 将控件定位在 CheckBox 的中间

这是我之前的问题“依赖字体的控制定位”的后续。它试图解决该问题背后的真正问题,可能以不同于我所询问的方式。

问题陈述示例:我想要一个复选框,上面写着“加载后按<X> <Y>调整价格”,其中<X>是一个数字---可以用 --- 调整,NumericUpDown<Y>是“百分比”或“美元”,选择由ComboBox. 这将在一行上。

复杂性:我希望能够更改所有这些控件的字体(基本上将它们设置为System.Drawing.Fonts.MessageBoxFont,在 Windows XP/etc 上是 Tahoma 8 pt,在 Vista 上是 Segoe UI 9 pt),而不会弄乱我的布局,其中我当前的Position-property--setting 范例不起作用。

更一般地说,我希望控件以与字体无关的方式动态布局,以便<X> NumericUpDown紧贴“by”和<Y> ComboBox之间的空间,同样<X> ComboBox适合关于<X> CheckBox和其右侧的字符串“加载后”。

每个人似乎都错过的部分:这都嵌套在CheckBox. 因此,理想情况下,单击“加载后”应该选中/取消选中复选框,并在“加载后调整价格”周围绘制那个小高亮矩形。所以只是在最后打一个额外Label的耳光是行不通的,因为那样它就不会切换CheckBox; Label同样,尝试通过连接这样的'事件来创可贴Click不会产生所需的高亮矩形。

解决方案?在这一点上,我在想:

  1. 以某种方式重新考虑这个问题,也许是一个丑陋的解决方案,比如两行单独的文本:“加载后调整找到的价格”(CheckBox),“调整金额:”(NumericUpDownComboBox)。这真的很糟糕,因为我的选项框绝对充满了这种类型的选项(即示例中的类型),因此它的垂直尺寸至少会增加一倍。

  2. 某种自定义控件?SplittableCheckBox?

  3. 某种带有TableLayout控制的魔法?(很确定这在“每个人似乎都错过的部分失败了。)

  4. 放弃,要么回到 MS Sans Serif,要么统一使用 Tahoma,要么将 Segoe UI 与我的应用程序打包在一起,从而不尊重系统默认字体。

  5. (新,通过编辑)切换到 WPF,如果有人可以说服我它完全支持这种情况。

0 投票
5 回答
8623 浏览

css - 在 CSS 中定位 div 的最佳方式是什么?

我正在尝试将此菜单放在页面的左侧:

问题是如果我使用绝对值或固定值,不同的屏幕尺寸会以不同的方式呈现导航栏。我还有一个div包含所有主要内容的第二个,这些内容也需要向右移动,到目前为止,我使用的是相对值,无论屏幕大小如何,它似乎都有效。

0 投票
13 回答
9905 浏览

css - DIV 与表格或 CSS 与愚蠢

我知道表格是用于表格数据的,但是将它们用于布局非常诱人。我可以处理 DIV 以获得三列布局,但是当你有 4 个嵌套的 DIV 时,它会变得很棘手。

是否有教程/参考可以说服我使用 DIV 进行布局?

我想使用 DIV,但我拒绝花一个小时将我的 DIV/SPAN 放置在我想要的位置。

@GaryF:蓝图 CSS必须是 CSS 最保守的秘密。

很棒的工具 -蓝图网格 CSS 生成器

0 投票
10 回答
1641 浏览

html - 液体布局仍然相关吗?

现在大多数主流浏览器都支持整页缩放(目前,唯一值得注意的例外是谷歌浏览器),是否不再需要流动或弹性布局?构建液体/弹性布局的相对痛苦值得付出努力吗?是否存在液体布局仍然有益的情况?整页缩放是最初看起来的真正解决方案吗?

0 投票
10 回答
5381 浏览

asp.net - 什么是液体布局?

我的设计师一直在抛弃术语“液体”布局。这是什么意思?

感谢您的澄清,我一直只是将其称为百分比布局,并认为他是在说这些碎片可以移动,那是流动的

0 投票
9 回答
164574 浏览

css - 如何使用css将文本放在“框”的右上角或右下角

我怎样才能让hereandand here在右边,与 lorem ipsums 在同一行?请参阅以下内容:

0 投票
9 回答
53133 浏览

layout - 使用实现 3 列网站的最佳方法
标签?

我正在使用这样的布局开发一个 3 列的网站:

但是,考虑到默认的 CSS 'position' 属性<DIV>'s是'static' <DIV>'s,正如预期的那样,我的显示在另一个下方。

所以我将 CSS 属性 'position' 设置为 'relative',并将 'middle' 和 'right' 的 'top' 属性更改<DIV>'s为 -(减去)前面的高度<DIV>。它工作得很好,但是这种方法给我带来了两个问题:

1) 即使 Internet Explorer 7 正确显示了三列,它仍然保持垂直滚动条就好像它们<DIV>'s被定位在另一个之下一样,并且在内容结束后有很多空白区域。我想要那个。

2)这些元素的高度是可变的,所以我真的不知道为每个<DIV>'top'属性设置哪个值;我不想硬编码它。

所以我的问题是,实现这种布局的最佳(简单+优雅)方式是什么?我想避免绝对定位,我也想保持我的设计无表格。