Tag: 布局

如何使一个div包裹两个浮动div里面？: 我不知道这是一个常见的问题，但到目前为止我还是无法在网上find解决scheme。我想有两个div包裹在另一个div内，但是这两个div里面必须alignment相同的级别（例如：left一个占用了20％的包裹宽度，另一个占80％）。为了达到这个目的，我使用了下面的例子CSS。但是，现在换行DIV并没有包装这些div。包裹Div有比包含里面的两个div小的高度。我怎么能确保包裹div有最大的高度作为包含divs？谢谢！！！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>liquid test</title> <style type="text/css" media="screen"> body { margin: 0; padding: 0; height:100%; } #nav { float: left; width: 25%; height: 150px; background-color: #999; margin-bottom: 10px; } #content { float: left; margin-left: 1%; width: […]

Android ImageView大小不能与源图像缩放: 我有一个LinearLayout内的几个ImageViews。我需要缩小ImageViews，以便在垂直方向上适应LinearLayout的同时保持纵横比。水平地，我只是需要他们彼此相邻。我为此做了一个简化的testing平台，它嵌套了加权布局，以便为ImageView提供一个很宽但不是很高的LinearLayout， <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="5"> <LinearLayout android:id="@+id/linearLayout3" android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1"> <ImageView android:id="@+id/imageView1" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/test_image" android:scaleType="fitStart"></ImageView> <ImageView android:id="@+id/imageView2" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/test_image" android:scaleType="fitStart"></ImageView> </LinearLayout> <LinearLayout android:id="@+id/linearLayout4" android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1"></LinearLayout> </LinearLayout> <LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"></LinearLayout> </LinearLayout> （在Eclipse布局编辑器中，图像垂直剪切，根本不缩放 – 但这只是我们学会爱的那些特质之一）在硬件上运行时，图像缩放到正确的高度，同时保持其高宽比。我的问题是，他们不是彼此相邻。每个ImageView的高度正确匹配LinearLayout的高度。每个ImageView的宽度是未缩放图像的宽度 – […]

你将如何做到这一点：表或CSS？: 谜题http://sontag.ca/TheChallenge/tiles.gif Grinch ../../../gif/grinch.gif 第一部分这个布局可以简单地用2个HTML表格，一个嵌套在另一个里面，或者甚至用一个表格来完成。它也可以用CSS来完成，尽pipe它可能会涉及更多的思考。这可能不是一个真正的世界布局，但我看到了类似的页面。考虑这个谜语; 一个练习来增加你的CSS技能。为了使事情变得更有趣，我在一个名为“挑战”的小小的2页网页中构思了这个问题。我们将检查代码和问题：使用表格或CSS进行布局？并肩作战，因为我们的两个对手争夺代码霸权。第一部分展示了挑战是如何成为的。我希望你喜欢。第二部分是决定。你可能会感到惊讶。第二部分我非常惊讶于我发布后几分钟才出现真正的好答案。这是一个卑鄙的经历。我不想和你一起在时间上竞争。但是，所有这一切，只要仔细研究提供的解决scheme，我就意识到CSS解决scheme（包括我自己在当时）没有任何解决scheme和所提供的任何解决scheme一样好。挑战是关于CSS比任何布局解决scheme都要好。所以我增加了3个新的规则（请记住，其中一个规则是规则可以改变）。这让一些人恼火。于是我又添加了一些关于为什么改变规则的丰富的解释。我觉得这让他们更加恼火。我们的花园是围着它的围栏; 有些东西可以将它与它可能发现的任何沉闷的环境区分开来; 而不是太贵，但容易保持清洁。所以我想要一个1像素的黑色边框在花园周围每个花园小区（人物）的居民必须是黑色或白色，取决于哪一个显示他们在他们的花园里最好的。他们也都是草书的后裔。他们没有斜体。 😉 花园是可重新定位的，也就是说，我可以在页面的任何地方都有这个花园（没有绝对的定位）。这是最终的输出是什么样子（背景颜色可选）：替代文字http://sontag.ca/gif/garden.gif 我为反复无常和最后一刻的规则变化而道歉。我错了。每个园地的居民都是工匠，手工制作的专家。他们是草书家族的后代，对斜体有他们的风格感。花园必须可以重新定位，因为两种花园（桌子和CSS）需要在同一页面上共存。我说这个position:absolute可能是错的position:absolute规则是不允许的。如果你能让他们在这方面工作，那么更多的权力给你。他们一定会被接受。我要求围绕这个阴谋的围栏，因为每个花园types将被种植在一个橙色的背景，非常类似于我们成长的一些花的颜色。我现在住在荷兰，郁金香季节快到了。如果你在接下来的几个星期飞越荷兰，而且这是一个晴朗的日子（这里很less见），那么你下面的景观将会看起来与这个愚蠢的运动非常相似。我对橘子不是很生气，但是我喜欢和欣赏荷兰人，所以我们有一个橙色的背景，对我的东道国表示敬意。 🙂 […]

如何使用Cocoa Auto Layout调整窗口的大小？: 我有一个单一的自定义视图窗口，我希望自定义视图调整窗口的大小，以便它随时完全填充它。如果我写： NSView *contentView = [self.window contentView]; CustomView *customView = [[CustomView alloc] initWithFrame:[contentView bounds]]; [contentView addSubview:customView]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeWidth multiplier:1 constant:0]]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeHeight multiplier:1 constant:0]]; 然后窗口不让我调整它。如果我添加： [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; 然后自定义视图不会出现（ drawRect:似乎永远不会被调用）。我尝试了不同的方式（包括视觉格式@"|[customview]|" ），但我总是遇到同样的问题。我知道可以使用较早的自动调整系统来完成，具体如下： [customView setAutoresizingMask:NSViewWidthSizable|NSViewHeightSizable]; 但我想使用Cocoa自动布局系统，我想用它来处理更复杂的情况（比如几个自定义视图总是填满窗口）。有谁知道什么是错的，我应该如何使用自动布局系统来获得我想要的结果？

我如何使用jQuery从DIV中删除高度样式？: 默认情况下，DIV的高度由其内容决定。但是，我重写了这一点，并显式设置与jQuery的高度： $('div#someDiv').height(someNumberOfPixels); 我怎样才能扭转这种情况？我想删除高度风格，并使其恢复到自动/自然高度？

如何在Android中创build无边框button: Androiddevise指南说使用无边框button（见下图），但没有真正解释如何。几个星期前有人问这个问题：如何创build标准的无边界button（就像上面提到的devise指导）？有一个答案被标记为“答案”，但我仍然失去了，我没有看到一种方式来添加评论的问题，已被“封闭” 答案呃说 “看看主题属性buttonBarStyle ， buttonBarButtonStyle和borderlessButtonStyle ” 但我仍然无法弄清楚如何实际使用这些东西。我search了一下，找不到任何东西，所以我想我只是再次问这个问题，希望有人可以提供更多的细节，如何工作。

devise中sign_in动作的不同布局: 我正在尝试为sign_in操作使用名为“devise”的不同/自定义布局。我在devisewiki中find了这个页面，第二个例子甚至说你可以按照每个动作（在这种情况下，是sign_in动作）做它，但是没有显示这样做的例子。有人在IRC告诉我，我可以试试这个： class ApplicationController < ActionController::Base protect_from_forgery layout :layout_by_resource def layout_by_resource if devise_controller? && resource_name == :user && action_name == 'sign_in' "devise" else "application" end end end 但它似乎没有工作，因为它仍然加载默认的应用程序布局。我将不胜感激任何帮助。

findViewById（）在布局XML中为自定义组件返回null，而不是其他组件: 我有一个res/layout/main.xml包括这些元素和其他： <some.package.MyCustomView android:id="@+id/foo" (some other params) /> <TextView android:id="@+id/boring" (some other params) /> 在我的Activity的onCreate中，我这样做： setContentView(R.layout.main); TextView boring = (TextView) findViewById(R.id.boring); // …find other elements… MyCustomView foo = (MyCustomView) findViewById(R.id.foo); if (foo == null) { Log.d(TAG, "epic fail"); } 其他元素被成功find，但是foo返回null。 MyCustomView有一个构造函数MyCustomView(Context c, AttributeSet a)和一个Log.d(…)在构造函数的最后成功出现在logcat之前的“史诗般的失败”。为什么foo空？

限制Android上ListView的高度: 我想在ListView下显示一个button。问题是，如果ListView得到扩展（项目添加…），button被推出屏幕。我尝试了一个带权重的LinearLayout （在Android中build议：为什么没有maxHeight的视图？），但是我得到的权重错了，或者根本不起作用。另外，我在某处发现了使用RelativeLayout的提示。然后ListView将被设置在android:layout_above参数的buttonandroid:layout_above 。问题是我不知道如何定位button。在我发现的例子中， ListView下面的View使用android:layout_alignParentBottom进行了调整，但是我不希望我的button粘在屏幕的底部。任何想法，除了使用setHeight方法和一些计算所需的空间？编辑：我有很多有用的答案。 bigstone的＆user639183的解决scheme几乎完美的工作。但是，我不得不在button的底部添加一个额外的填充/边距，因为它仍然会被挤出屏幕的一半（但是随后停止）如果你想把button固定在屏幕的底部，Adinia的回答只有相对的布局。这不是我的意图，但仍然可能对其他人有用。 AngeloS的解决scheme是我最终select的解决scheme，因为它创造了我想要的效果。不过，我对button周围的LinearLayout做了两处小小的修改：首先，因为我不想在我的布局中有任何绝对值，所以我将android:layout_height="45px"更改为wrap_content ，这也很好。其次，因为我想要水平居中的button，只有垂直的LinearLayout支持，我改变了android：orientation =“horizontal”为“vertical”。 AngeloS还在他的初始文章中表示，他不确定在ListView周围的LinearLayout的android:layout_weight="0.1"参数是否有任何影响; 我只是尝试，实际上呢！没有，button被再次推出屏幕。