如何处理高度不同的布局列？
处理高度不同的布局列可以通过以下几种方式：
- 使用CSS网格布局：CSS网格布局是一种强大的布局系统，可以将页面划分为行和列，并通过指定行高和列宽来实现不同布局列的高度调整。通过使用网格容器和网格项，可以轻松地创建复杂的布局，并且可以自由调整不同布局列的高度。
- 使用Flexbox布局：Flexbox是一种灵活的布局模型，可以在一维空间中对项目进行对齐、排列和分布。通过设置flex属性和align-self属性，可以实现不同布局列的高度调整。但是相对于CSS网格布局，Flexbox更适用于简单的布局需求。
- 使用JavaScript进行动态调整：如果以上两种方式无法满足需求，可以通过JavaScript来动态调整不同布局列的高度。可以通过计算不同列的高度，并将最大高度应用于其他列，以实现高度的统一。
- 使用响应式设计：在移动设备和桌面设备上，布局的高度可能会有所不同。可以使用响应式设计来针对不同设备尺寸和屏幕方向进行布局调整，以确保不同布局列在不同设备上都能够正常显示。
总结起来，处理高度不同的布局列可以通过CSS网格布局、Flexbox布局、JavaScript动态调整和响应式设计等方式来实现。具体选择哪种方式取决于布局的复杂程度和需求。
相关·内容
我是Twitter Bootstrap 3的新手，我已经通读了他们的文档，并了解如何嵌套列，但我有一个不同的问题。我正在尝试创建一个col 8 carousel，我知道怎么做，然后创建一个包含2行的col 4，我不确定我是否应该将它们称为总高度等于450px的行。
作为一名新手，我不被允许发布图片，但请看www.123rf.com，它有一个很好的例子来说明我正在尝试实现的目标[他们在左边有一个旋转木马，这将是我的col 8，然后我右边的3个盒子将只有2个，它将包含在我的col 4中，但我不知道获取这些盒子的最好方法是它们只是排吗？我只需要帮助创建这些框在第二列。
我的代码：
<div c
浏览 2提问于2013-12-03得票数 0
我试图在Listview和Adapter的帮助下显示动态TableView。我正在为边界设置可绘制的形状。
从逻辑上讲，我试图在行中的子视图中获得最高的高度，然后将该高度设置为所有子视图。
为此，我使用了addOnGlobalLayoutListener，但它只调用了一次。让我知道如何实现作为表。
我想要实现Table，但正如您所看到的，边界并不是aPParing Proerly。参考
在Adapter中使用Listview
@Override
public View getView(int position, View conv
浏览 0提问于2014-07-30得票数 1
回答已采纳
1回答
在windows phone 8移动应用程序中，如何在".CS“类后面使用相同的代码为不同的分辨率制作不同的视图？这在windows phone中可能还是不可能？
浏览 3提问于2014-09-30得票数 0
1回答
我在展示套房里有流体两列堆叠的布局。第一列中有响应图片，第二列包含一些呈现的字段。在该列下面是长文本。我的问题是右栏。我需要使该列的高度等于左边图片的高度。如何做到这一点？是否有可能在正确的列中添加滚动条？有人遇到过类似的情况吗？一些简单的解决方案，没有编码，或者只有小片段;)也许我需要在正确的列中添加一些视图
📷
浏览 0提问于2014-08-20得票数 1
我已经创建了一个GridBagLayout，在第一行(跨越3列)使用JScrollPane(JTextArea)，在其他5行中创建了15 JButtons (每个按钮跨1列)。
我已经设置了权重，以便所有组件在调整窗口大小时都能平等地展开，而帧的最小大小则是它的首选大小。但是，我希望JScrollPane的高度是5*每个JButton的高度(占总帧高度的一半)。有什么简单的方法来强制执行吗？
浏览 2提问于2016-02-20得票数 1
回答已采纳
1回答
颤振响应设计
、、、、
我是一个新的开发人员。我在应用程序响应方面有问题，我使用过布局小部件，如列行等，但是不同屏幕上的结果不同。我需要帮助如何实现响应与较少的依赖帮助请。
浏览 1提问于2022-08-15得票数 0
我想知道如何使我的界面的TextViews，ImageViews，边距，等等。无论我是在手机上还是在平板电脑上使用，它在所有设备上的外观都是一样的。有人告诉我，使用片段会有所帮助，但我似乎不明白。很抱歉问了这么幼稚的问题...
浏览 16提问于2020-04-30得票数 0
2回答
我有动态添加信息块到我的页面的代码。我事先不知道有几个街区。我想利用Twitter (3.x)将它们排成三列(例如，我想使用col-xs-4)。
底线:将col-*元素添加到容器中而不将它们包装在row元素中可以吗？
我目前生成这个标记：
.my-box {
margin: 5px;
padding: 5px;
background-color: #fed;
}
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="styleshee
浏览 0提问于2015-02-27得票数 1
回答已采纳
1回答
您好，我一直在学习Java Swing来创建一个国际象棋游戏来练习我的Java编程技能。
我使用BorderLayout在JFrame的东边添加了一个JPanel，并使用setPrefferedSize(new Dimension(x,y))方法设置了宽度和高度。
之后，我创建了4个JPanel，并在前面创建的面板上用BoxLayout添加了它们。
我曾尝试用setSize(x,y)和setPreferredSize(new Dimension(x,y))设置4个面板的大小，但它不起作用，4个面板自动改变大小，以适应主JPanel，并在其中一个添加一个JLabel后，它的大小自动增加。
这是我
浏览 1提问于2012-01-24得票数 1
回答已采纳
2回答
我正在尝试在另一个滚动视图中添加滚动视图。
它应该是这样的：
scroll view
linear layout
myprogramaticscroll view
myprogramticlinear layout
myprogramticbutton
end button
end layout
end scroll
end linear
end scroll
我正试着在里面添加滚动视图。它在那里，但我需要知道如何正确设置参数，以便我可以看到我的滚动视图内的整个按钮。我只看到了其中的一部分，我需要设置编程性的线性布局和滚动视图的宽度、高
浏览 2提问于2012-03-10得票数 0
我正在尝试为Android开发计算用户集中度的小应用程序。我的想法是显示一个图像矩阵，其中用户被迫在一段时间内选择给定的图像，并计算用户的准确性。
问题是，我不知道，如何设计一个结合了TextViews和GridViews的布局。
我试着做这样的UI，但我没有成功。
我认为将TextView1放入LinearLayout中就足够了，然后是GridView1、TextView2、GridView2和button。我尝试了更多的组合，但都失败了。
你能给我一个提示如何设计这个布局吗？
这是我的布局：
<LinearLayout xmlns:android="http://schema
浏览 1提问于2010-11-28得票数 0
回答已采纳
我需要使用故事板中的自动布局在设备旋转时更改正方形视图的位置。请参考下图，以便更好地了解问题。
浏览 6提问于2017-12-21得票数 0
回答已采纳
3回答
我做了一个有100列的行，每列都应该尽可能小。但正如您在下面的第13列中看到的那样，它的行为很奇怪。所有的图像和列都是使用相同的代码生成的，因此每个高度都应该相同。我确实知道bootstrap的12列规则，但我同意它在12列或40列左右。我在应用程序中没有宽度规则。此外，如果有人可以帮助图像响应，但列数不是，如果我缩小窗口，它会直接到每行一列，而不是11列，然后是10列，依此类推。 ? <div class="form-horizontal container" id="ActualHallOfLights">
<div clas
浏览 26提问于2019-02-12得票数 1
回答已采纳
我需要一个布局管理器，它可以将JPanels安排在JFrame中，如图中所示。JPanels既不列也不列。我对演示使用了绝对布局，并将每个JPanel着色为可见。
浏览 0提问于2021-06-07得票数 0
回答已采纳
6回答
有没有办法让TableLayoutPanel上控件的文本内容正确地对齐？我在第0列有标签，在第1列有文本框(或者偶尔有ComboBox或NumericUpDown控件)，但标签中的文本通常在大多数行上(垂直方向)出一两个像素。
浏览 0提问于2010-09-09得票数 15
3回答
代码如下：
import javax.swing.*;
import java.awt.event.*;
import java.awt.*;
public class TestGrid {
public static void main(String[] args) {
JFrame frame = new JFrame("Colored Trails");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel mainPanel = new JP
浏览 0提问于2010-03-30得票数 3
回答已采纳
1回答
如何限制分组WinJS.UI.ListView的元素数量？例如，我需要为组输出2列。请注意，对于水平方向和垂直方向，一列的项目数量可能不同。
浏览 1提问于2014-11-20得票数 0
2回答
如何让JavaFX中的ListView在元素到达特定行数/列数时根据显示orientation对元素进行包装。实际上，我正在ListView组件中搜索JList的方法。事实上，我有一个包含二次分量的大的二次空间。我需要列表的功能，所以我不喜欢使用像TilePane这样的东西，因为它会让我发明轮子。
浏览 0提问于2014-04-28得票数 3
我有这样的JPanel
container = new JPanel();
container.setLayout(new GridLayout(1, 1));
在这个面板中，我使用JLabel和JTextField来创建古典形式。它呈现如下：
显然，我更希望第一列更短一些，特别是为了适应所有的JLabels，应该尽可能的宽。像这样(姆斯普特图)：
灰色虚线表示两列的分割位置。你对这个布局有什么建议？
请注意，第二列还可能包含复选框、复选框或其他表单元素。
浏览 1提问于2015-03-01得票数 1
2回答
检测隐藏的软键盘
、、、
我有一个带有编辑框的活动，当用户触摸编辑框内时，软键盘就会出现。如果用户按下硬件的“后退”按钮，软键盘就会消失。我想要检测这种情况。我环顾了四周，到目前为止，我看到的最好的回应是：
我的问题是--如何检测应用程序窗口是否已调整大小？
我将这个文本添加到我的安卓清单文件中的活动中: android:windowSoftInputMode="adjustResize“
但我不太确定如何检测这种变化。
非常感谢您的帮助。
浏览 0提问于2011-04-19得票数 1
我使用的是一个网格，在大屏幕上有3列，在中等屏幕上有2列，在小屏幕上有1列。我希望网格使用列中的所有空间。网格包含6个VBox和若干个按钮。遗憾的是，它们不像我想的那样对齐。第二行列应在第一行列结束后立即开始。
现在，它看起来像这样：
我希望它看起来像这样
对我如何做到这一点有什么想法吗？
浏览 6提问于2017-12-01得票数 0
回答已采纳
1回答
我有一个问题-我想使用jQuery UI可排序插件的列表，具有不同的项目宽度，如1 li，有100%的总宽度，另一个有50%的总宽度。
当元素有不同的高度时，问题就开始了--它是一个接一个地浮动(就像float中的任何普通元素一样)，但是我希望它们在下一个项目之间不要有空格，就像下面的图片：
我想找一些关于这方面的东西--但是我找到的只是关于两列链接的东西，这对我没有帮助，因为我不能使用100%的宽度元素。
这是我的可排序区域：
非常感谢
浏览 3提问于2011-10-06得票数 0
我尝试将16个复选按钮放入框架中，将它们放在四列中，如下所示：
c1 = Tkinter.Checkbutton(group.interior(), text = 'Name', indicatoron= 1, variable = self.Checkvar_nr, command=cb)
c1.(row = 0, column = 0)
以此类推，直到：
c16.(row = 3, column = 3)
除了列垂直对齐之外，一切都很好，因为使用的文本长度不同。如何水平对齐？
浏览 0提问于2012-03-28得票数 1
回答已采纳
我有一个用文本和图像校正和调整三个流动列的大小(和垂直对齐)的函数。
该脚本虽然还不完善/高效，但工作完全如预期，但有时(？)在开始时失败。
函数如下：
var resetHeight = function(){
var maxHeight = 0;
$(".same-height-col").height("auto").each(function(){
maxHeight = $(this).height() > maxHeight ? $(this).height() : maxHeight;
}).heigh
浏览 0提问于2013-07-18得票数 0
回答已采纳
我知道这个问题以前已经讨论过了，但我还没有找到合适的答案。我想要一个3行2列的表格。左列是标题，右列是项目列表。
因此，我有3个列表，一个在另一个下面，我想让整个屏幕都可以滚动(不是每个列表都可以单独滚动)。
解决方案是使用ScrollView作为主要组件，然后使用TableView，然后在表的右列中使用ListView。问题是ListView是一个可滚动的组件，不能在ScrollView中工作。
我的问题是--有没有什么组件，不管是Android API的一部分，还是第三方的，都具有ListView功能，但是大小是固定的？我想要享受适配器功能和onItemClick()功能(这给了我所单击的
浏览 1提问于2013-05-01得票数 0
我正在尝试堆叠图片的表格样式，购买它必须响应和无限滚动。
这意味着图像的宽度应该在100 be到200 be之间，并且列的数量应该相应地适合。
我尝试过使用列(css3)，但是当添加更多的图像(在无限滚动中)时，它会将图像添加到最后一列(而不是底部的行)。
因此，下一次尝试是做float:left；并且工作良好，除了右边的白色边距。
限制：
没有JS
CSS3只具有良好的完全响应性(在调整屏幕大小时应该可以工作)
图像必须裁剪和中心(这就是为什么我使用背景图像)
新图像必须添加到底部。
下面是我使用的示例代码
.imgDiv {
background-image
浏览 4提问于2014-03-20得票数 0
回答已采纳
我有一个包含一堆TextField的FormPanel，我还使用FormPanel.add()，FormPanel.doLayout()动态地添加了更多，但是高度不会自动调整，所以额外的文本字段是不可见的。到底怎么回事？谢谢
浏览 2提问于2009-10-15得票数 0
我很难理解GridBagConstraints是如何工作的。是否一切都处于“列和行”类型的状态，或者是否可以使用精确的像素规格(角落中的x:10 y:20 -> )。基本上，我只想知道这是如何工作的，如果我说的任何事情都是正确的。谢谢。
一些代码:/：(错误代码)
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import javax.swing.*;
public class Main{
public static void main(St
浏览 0提问于2015-10-26得票数 0
我知道如何在UICollectionView中显示集合单元格。但我想使用自定义布局来显示单元格。
“我的集合”应该有两列，其中单元格的宽度是固定的，但是单元格的高度可能会根据标签的内容大小而变化。
但我不知道该怎么做。如下图所示，我想显示单元格集合。
我想迅速地实现它。
浏览 3提问于2017-04-20得票数 3
回答已采纳
我正在尝试将EditText和左边的ImageView放在一行中。但我无法使图像进行适当的缩放以匹配文本条目的高度。
布局很简单：
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/i
浏览 1提问于2011-03-23得票数 15
在android中，如何在不使用layout_large_xhdpi..etc的情况下根据手机分辨率设置ui。
浏览 0提问于2012-11-19得票数 0
Helloo在android studio.my工作台上做一个项目，屏幕大小在模拟器上是不一样的。
我有一个滚动视图垂直的安，它有一个线性布局在滚动。我想做同样的每一个电话。
我的menu.xml
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/scrollView" >
<LinearLayout
android:ori
浏览 2提问于2015-03-28得票数 1
回答已采纳
如何创建一个适合所有android设备的小工具？我在Galaxy Nexus上的小部件在中心，但在Galaxy Note上是右的或左的不在中心:-(如何解决这个问题？谢谢
浏览 2提问于2012-04-16得票数 1
1回答
我正在寻找一个模块--教程--如何在drupal 7中创建一个图像库，当您进入相册时，所有图像都不会被裁剪在rectangulars中并显示在表中，而是保持它们的自然比例，并显示在列中，因为我在下面提供了一个打印屏幕(tumblr主题)，每个图像都有一个带有其标题的独特页面。我不知道这种图像显示方式的具体名称是什么，所以我在这里问。
📷
浏览 0提问于2014-08-18得票数 0
回答已采纳
1回答
我已经找到了良好的代码，使我的所有.img在一个大的pdf，但我有一个小问题。我不知道图片之间的边距是如何工作的。我的目录中有可变数量的图片，66张图片，其他32张，72张，我希望每行4张图片，每列4张，之后，在我的pdf中创建另一个页面，可以吗？ 我的函数 class MyFPDF(FPDF):
pass
def photos_pdf():
pdf = MyFPDF("L", format='A4', unit='mm')
photos = glob.glob(filePath1 + "/*")
浏览 34提问于2021-10-23得票数 0
我的Tablet应用程序显示了一个ListView，每个行项中都有多个TextViews (使用自定义游标适配器)。我有大约6-7列，给所有列提供同等空间的最佳方法是什么？
现在我试着：
每个TextView的重量相同。但这从来没有正确地对齐。
使用最大宽度与第一，仍然没有运气，一个可以很容易溢出和推动下一个向右。
<TextView android:layout_width=“20 5dp”android:layout_height="wrap_content“android:layout_margin=5DP”android:layout_weight=
浏览 3提问于2012-08-03得票数 7
回答已采纳
我有一个UICollectionView在一个UITableViewCell和我有一些有关自动布局的问题。
这就是我观点的层次。
UITableViewCell
|
-------ContentView
|
-------MyView
|
|-----UICollectionViewCell
直到这里，所有的视图都被固定在他的超级视图中。例如:尾随space=0，领先的space=0，顶部space=0，底部空间
浏览 3提问于2015-05-19得票数 1
1回答
避免拖拽元素
、、
我正在使用Draggabilly和Packery构建一个优化的可拖放布局，如本代码所示：
我对如何使用Packery/Draggabily有一些疑问。
第一个问题是如何转换en元素“不拖放”，即避免拖放。我没有初始化它的Draggabilly实例就实现了这一点，但是我也不希望在拖动其他元素时排序。
另一方面，无法在Packery布局上设置固定高度，以限制一列中有多少元素适合。我的想法是，如果将元素移动到没有空闲空间的列，则最底层的元素应该移动到另一列。我还没有找到任何办法来做到这一点。
浏览 2提问于2020-12-20得票数 0
1回答
我有问题，为不同的设备创建布局。旧的限定符示例小，正常和大，xlarge等。
我的布局很简单。我只想让整个界面通过不同的设备保持不变..。
从android网站上可以看到：
xlarge屏幕至少有960 at x 720 at大屏幕至少640 at x 480 at普通屏幕至少470 at x 320 at小屏幕至少426 at x 320 at。
我应该如何定义用新类型的命名来代替小的普通的大型etc..and，这是否意味着我不能使用小的普通的.作为新android操作系统的限定词。
浏览 2提问于2014-02-22得票数 2
回答已采纳
我希望复制Pinterest.com的div布局，特别是如何根据浏览器调整大小来调整列的数量，以及垂直堆叠不依赖于相邻列的高度。源代码显示每个div都是位置绝对的。一位联合创始人回复了Quora的一篇帖子，称这是用定制的jQuery和CSS完成的。我希望结果从左到右排序。如果你能提供任何方向让我自己做，我将非常感激。
浏览 5提问于2011-08-18得票数 105
回答已采纳
4回答
如何为不同的屏幕尺寸设置不同的自动布局约束？请看截图。请告诉我如何在不同的设备中覆盖底部空间。
Iphone 7+
Iphone 7
Iphone 5s
谢谢
浏览 0提问于2017-03-27得票数 0
new JScrollPane(originalText, ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED, ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER)
我清楚地写出了“按需”，但是滚动条还是出现在空白的JTextArea中。为什么？我如何防止这种情况发生？
浏览 7提问于2011-02-22得票数 0
回答已采纳
我一直试图通过Autolayout创建复杂的UITableViewCell，但它在滚动时会产生巨大的性能滞后，所以我决定采用基于框架的编程方式。
单元格布局的复杂性就像Facebook卡片，每个单元格对于动态文本和图像都是不同的。
我尝试在layoutSubviews中渲染单元格，但滚动效果仍然很差，但比Autolayout要好。
我还尝试在drawRect中渲染单元格，这提供了最好的性能，但在滚动时我无法更新帧，因为它只被调用一次。
谁能指导我在什么情况下才能获得最好的卷轴性能？我被卡住了。
浏览 1提问于2016-04-04得票数 5
我为手机和平板电脑设计了一个应用程序，但我有一个问题。
我在10英寸/7英寸的平板电脑上测试过，它工作得很好，但在最小宽度为480.0的7英寸平板电脑上，它显示了手机的布局。
我有三个文件夹: layout，layout-sw600dp和layout-sw720dp。
你能为我提供一些关于如何在400X800 7英寸平板电脑上实现这一点的提示，以进入平板电脑布局而不是手机布局吗？
非常感谢。
浏览 1提问于2015-07-23得票数 0
1回答
在IE8中，“我的表”的列和标题无法正常工作。这些列只获得了它们内部最宽数据所需的空间，并且这些列似乎获得了它们的原始大小。当我单击列标题或调整列标题的大小时，情况会变得更糟。
此外，我的表中有很多行(超过1000行)，但没有显示滚动条，因此我甚至看不到所有数据。
这是它在IE8中的样子的图像。
需要指出的是，在Chrome、火狐和IE9 (可能在IE10中也是如此，但还没有机会测试)上，一切都运行得很好。
有人知道怎么解决这个问题吗？
浏览 2提问于2013-09-24得票数 0
无法创建具有wrap_content高度的网格视图或如何在android中创建不同列大小的网格视图
浏览 1提问于2015-09-01得票数 1
2回答
我有下面的代码，这些代码可能或不可能在一行中提供超过12列。如果有超过12列，我该如何使它看起来好看呢？
<div collapse="gpCollapse">
<div ng-repeat="item in revealedCtrl.greatPersons" class="thumbnail col-md-3">
<img ng-src="/images/useritems/{{item.greatperson.image}}" tooltip="{{item.greatper
浏览 2提问于2015-11-09得票数 4
回答已采纳
1回答
我有一个数据表，这个表从mysql数据库中读取数据
我使用这个jquery和css来固定滚动上的表头
;(function($) {
$.fn.fixMe = function() {
return this.each(function() {
var $this = $(this),
$t_fixed;
function init() {
$this.wrap('<div class="table-responsive" />');
浏览 2提问于2017-06-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
