Questions tagged «layout»

布局标签用于询问有关对象相对于包含元素的放置,对齐和对正的问题。对于与CSS有关的问题,请改用'css'标记。

26
如何防止长词破坏我的div?
从TABLE布局切换到DIV布局以来,一个普遍的问题仍然存在: 问题:您用动态文本填充DIV,并且不可避免地会有一个超长单词延伸到div列的边缘,使您的网站看起来不专业。 RETRO-WHINING:表格布局从未发生过这种情况。一个表格单元将总是很好地扩展到最长单词的宽度。 严重性:我什至在大多数主要站点上都遇到了这个问题,尤其是在德国站点上,这些站点甚至连诸如“速度限制”之类的通用词都非常长(“ Geschwindigkeitsbegrenzung”)。 有人对此有可行的解决方案吗?
148 css  layout  html 

9
在堆叠面板中对齐项目?
我想知道在水平放置的StackPanel中是否可以有2个控件,以便将正确的项目停靠在StackPanel的右侧。 我尝试了以下操作,但没有成功: <StackPanel Orientation="Horizontal"> <TextBlock>Left</TextBlock> <Button Width="30" HorizontalAlignment="Right">Right<Button> </StackPanel> 在上面的代码段中,我希望Button停靠在StackPanel的右侧。 注意:我需要使用StackPanel而不是Grid等来完成。


4
Android:如何以编程方式设置布局的大小
作为Android应用程序的一部分,我正在构建按钮集。这些按钮是一组LinearLayouts的一部分。使用权重,我可以根据包含父级LinearLayout的大小自动调整其大小。这个想法是基于屏幕的像素数和密度,将包含布局的大小设置为多个像素。并根据更改更改按钮的大小。 然后的问题是:如何调整布局的大小。 我已经尝试了几种建议的技术,但没有一种接近工作。这是构建按钮集的XML的子集: <LinearLayout android:layout_height="104pt" android:id="@+id/numberPadLayout" android:orientation="horizontal" android:layout_width="104pt" android:background="#a0a0a0" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" > <LinearLayout android:layout_weight="2" android:layout_height="fill_parent" android:id="@+id/linearLayout1" android:orientation="vertical" android:layout_width="wrap_content"> <Button android:text="1" android:id="@+id/button1" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="4" android:id="@+id/button4" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="7" android:id="@+id/button7" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="-" android:id="@+id/buttonDash" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> </LinearLayout> <LinearLayout android:layout_weight="2" android:layout_height="fill_parent" android:id="@+id/linearLayout2" android:orientation="vertical" android:layout_width="wrap_content"> <Button …

2
在ScrollView中查看并不是全部
我在ScrollView中有一个RelativeLayout。我的RelativeLayout有,android:layout_height="match_parent"但是视图没有占据整个大小,就像wrap_content一样。 有没有办法实现真正​​的fill_parent / match_parent行为? 我的布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/top" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:scaleType="fitXY" android:src="@drawable/top" /> <ImageView android:id="@+id/header" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/top" android:scaleType="fitXY" android:src="@drawable/headerbig" /> <ImageView android:id="@+id/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/header" android:layout_centerHorizontal="true" android:layout_marginBottom="3dp" android:src="@drawable/logo" /> <ScrollView android:layout_width="fill_parent" android:layout_height="match_parent" android:layout_above="@+id/bottom" android:layout_below="@+id/logo" android:background="@drawable/background" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/dashboard01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/dashboard02" android:layout_centerHorizontal="true" …

9
CSS3框大小:margin-box;为什么不?
我们为什么没有box-sizing: margin-box;?通常,当我们放入box-sizing: border-box;样式表时,我们实际上是指前者。 例: 假设我有2列的页面布局。这两列的宽度均为50%,但它们看起来有点丑陋,因为没有装订线(中间有缝隙)。下面是CSS: .col2 { width: 50%; float: left; } 要应用装订线,您可能会认为我们可以在两列的第一列中设置合适的边距;像这样的东西: .col2:first-child { margin-right: 24px; } 但这将使第二列换行,因为以下内容是正确的: 50% + 50% + 24px > 100% box-sizing: margin-box;可以通过在元素的计算宽度中包括边距来解决此问题。我觉得这很有用,即使没有比有用box-sizing: border-box;。
139 css  layout  position  w3c 

5
100%宽度的Twitter Bootstrap 3模板
我是一个Bootstrap新手,我有一个100%宽的模板,我想使用bootstrap进行编码。第一列从左上角开始,我在Google地图上将拉伸范围扩展到最右边。我以为可以在container-fluid课堂上做到这一点,但这似乎不再可用。我不知道如何使用bootstrap 3来实现该布局。我正在使用themeforest中的Geometry PSD模板,如果您想查看布局,请使用此处的链接:http ://themeforest.net/item/geometry-design-for- geolocation-social-networkr / 4752268

4
位置绝对和溢出隐藏
我们有两个DIV,一个嵌入另一个。如果外部DIV的位置不是绝对的,则内部DIV的位置绝对不遵循外部DIV的隐藏溢出(示例)。 是否有机会使内部DIV服从外部DIV的隐藏溢出,而无需将外部DIV设置为绝对位置(因为这会破坏我们的完整布局)?相对于内部DIV的相对位置也不是一种选择,因为我们需要“增长”到表TD(exmple)。 还有其他选择吗?

9
了解convertRect:toView:,convertRect:FromView:,convertPoint:toView:和convertPoint:fromView:方法
我正在尝试了解这些方法的功能。您能否提供一个简单的用例来理解他们的语义? 在文档中,例如,convertPoint:fromView:方法描述如下: 将点从给定视图的坐标系转换为接收者的坐标系。 什么是坐标系是什么意思?怎么样接收器? 例如,像下面这样使用convertPoint:fromView:是否有意义? CGPoint p = [view1 convertPoint:view1.center fromView:view1]; 使用NSLog实用程序,我已验证p值与view1的中心重合。 先感谢您。 编辑:对于那些感兴趣的人,我创建了一个简单的代码片段以了解这些方法。 UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 150, 200)]; view1.backgroundColor = [UIColor redColor]; NSLog(@"view1 frame: %@", NSStringFromCGRect(view1.frame)); NSLog(@"view1 center: %@", NSStringFromCGPoint(view1.center)); CGPoint originInWindowCoordinates = [self.window convertPoint:view1.bounds.origin fromView:view1]; NSLog(@"convertPoint:fromView: %@", NSStringFromCGPoint(originInWindowCoordinates)); CGPoint originInView1Coordinates = [self.window convertPoint:view1.frame.origin toView:view1]; …
128 ios  layout  uiview 

11
在Android中以编程方式删除背景可绘制
我想以@drawable/bg编程方式删除背景可绘制。有没有办法做到这一点? 当前,我的布局中包含以下XML: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/widget29" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg"> </RelativeLayout>



10
如何在自举流体布局中底部对齐网格元素
我使用Twitter的引导程序进行了流畅的布局,其中我有一排两列。第一列有很多内容,我想正常填充范围。第二列只有一个按钮和一些文本,我想相对于第一列中的单元格底部对齐。 这是我所拥有的: -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- 这就是我想要的: -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short content | +----------------+ +----------------+ ----------------------------------------------- 我已经看到了使第一个跨度成为绝对高度并相对于其定位第二跨度的解决方案,但是最好不要指定div的绝对高度的解决方案。我也愿意重新考虑如何实现相同的效果。我不喜欢这种脚手架的使用,对我来说似乎才是最合理的选择。 …

1
leftAnchor和LeadingAnchor之间的区别?
我一直在使用Swift for iOS的约束进行操作,并且大多数命名约定/文档都使事情变得很容易解释,但是最近让我感到困惑的一件事是两对NSLayoutXAxisAnchor类: leadingAnchor, leftAnchor 随着 trailingAnchor, rightAnchor 当我在iOS应用中以编程方式设置约束时,发现可以完全互换使用这些约束。如果我使用leadAnchor,请运行该应用程序并观察其行为,然后使用leftAnchor,请运行该应用程序并观察该行为,其功能完全相同。 我从developer.apple.com签出了文档,结果甚至是完全一样的(忽略名称的差异)。例如,比较leadAnchor和leftAnchor: “使用此锚点来创建视图前沿的约束。您只能将此锚点与NSLayoutXAxisAnchor锚点的子集结合使用。可以将LeadingAnchor与另一个LeadingAnchor,trailingAnchor或centerXAnchor结合使用。有关更多信息,请参见NSLayoutAnchor类参考。” 相比于: “使用此锚来创建视图左边缘的约束。您只能将此锚与NSLayoutXAxisAnchor锚的子集结合使用。可以将leftAnchor与另一个leftAnchor,rightAnchor或centerXAnchor结合使用。有关更多信息,请参见NSLayoutAnchor类参考。” 有谁知道这些属性之间是否有预期的区别?
119 ios  layout 

17
Android:如何在保持宽高比的同时将图像拉伸到屏幕宽度?
我想下载一个图像(大小不明,但始终大致为正方形)并显示它,以便它在任何屏幕尺寸上都水平填充屏幕,并垂直拉伸以保持图像的纵横比。这是我的代码(无效)。它水平拉伸图像,但不垂直拉伸图像,因此被压缩... ImageView mainImageView = new ImageView(context); mainImageView.setImageBitmap(mainImage); //downloaded from server mainImageView.setScaleType(ScaleType.FIT_XY); //mainImageView.setAdjustViewBounds(true); //with this line enabled, just scales image down addView(mainImageView,new LinearLayout.LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
118 java  android  layout 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.