Tag: 中心

让孩子在溢出之外可见：隐藏的父级: 在CSS中， overflow:hidden被设置在父容器上，以允许它随着它们的浮动子元素的高度而扩展。但它也有另一个有趣的function，结合margin: auto … 如果以前的兄弟姐妹是一个浮动元素，它实际上会与它并列。这就是说，如果兄弟是float:left那么带有float:none overflow:hidden的容器将出现在兄弟右侧，而不是换行 – 就像在正常stream程中漂浮一样。如果前面的兄弟是float:right那么容器将出现在兄弟的左边。调整此容器的大小将准确显示它在浮动元素之间居中。说如果你有两个兄弟姐妹，一个float:left另一个float:right ，容器将出现在两者之间的中心。所以这是问题如何保持这种布局而不掩盖孩子？在网上search，让我知道如何clear:both和扩大一个容器…但我找不到任何其他的解决scheme来维持左/右先前孩子居中。如果你让容器overflow:visible那么容器突然忽略浮动元素的布局stream，并出现在浮动元素的顶部。所以问题：我必须有容器overflow:hidden以保持布局… 我怎么能这样做，让孩子们不被掩盖？我需要让孩子完全相对于容器外的父母定位。要么我如何overflow:visible所以我可以绝对定位一个孩子相对于容器之外的父母…是继续保持兄弟般的浮动式布局stream？

用dynamic宽度居中固定div（CSS）: 我有一个将有这个CSS的div： #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } 现在，我怎样才能使这个div居中？我可以使用margin-left: -450px; left: 50%; margin-left: -450px; left: 50%; 但是这只在屏幕> 900像素时才起作用。之后（当窗口<900像素），它将不再居中。我当然可以用某种types的js来做这个，但是用CSS来做这个更“正确”吗？

中心alignment固定的位置div: 我试图得到一个有position:fixed的div position:fixed中心在我的页面上alignment。我一直可以用绝对定位的div来使用这个“黑客” left: 50%; width: 400px; margin-left:-200px …其中margin-left的值是div的宽度的一半。这似乎不适用于固定的位置div，而只是将它们的最左边的angular落放在50％，而忽略了margin-left声明。任何想法如何解决这个问题，我可以中心alignment固定定位元素？如果你能告诉我一个更好的方法来alignment绝对定位的元素，那么我会投入一个奖金M＆M。

我如何使用c＃在屏幕上居中显示一个窗口？: 我需要一种方法来居中当前的窗口。例如，如果用户按下button，我希望窗口在屏幕上居中。我知道你可以使用startposition属性，但我不能找出一种方式来使用，而不是应用程序第一次启动时。那么我怎么把表格放在屏幕上呢？

当页面大于屏幕时，如何在屏幕中间放置div: 您好我正在使用类似于以下获得一个div位于屏幕中间： <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } </style> <div id="mydiv">Test Div</div> 然而，这个问题是它把项目放在页面中间而不是屏幕上。所以如果页面是几个屏幕高，我在页面的顶部（该部分的顶部显示在屏幕上），当我使div出现甚至不在屏幕上。你必须向下滚动来查看它。有人可以告诉我如何让它出现在屏幕中间吗？

如何在一个div中放置一个（背景）图像？: 是否有可能在一个div中的背景图像？我已经尝试了一切 – 但没有成功： <div id="doit"> Lorem Ipsum … </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } 这可能吗？

将文本中心与androidalignment: 我知道这听起来很容易。我需要把一个文本放在中间，但是当文本太长，它需要下面，但仍然在我的xml中心alignment。这是我的代码： <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/showdescriptioncontenttitle" android:paddingTop="10dp" android:paddingBottom="10dp" android:layout_centerHorizontal="true" > <TextView android:id="@+id/showdescriptiontitle" android:text="Title" android:textSize="35dp" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> 我把填充顶部和底部，因为我需要一些空间。 PS：我的代码更大，它在一个RelativeLayout中。

如何使用CSS水平居中绝对div？: 我有一个div，并希望它是水平居中 – 虽然我给它的margin:0 auto; 它不是以…为中心的 .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

如何垂直居中一个div内的<span>？: 代码： <div style=" border:solid 1px gray; cursor:text; width:400px; padding:0px;" id="theMainDiv"> <span id="tag1_outer" style=" background:#e2e6f0; padding-right:4px; padding-left:4px; border:solid 1px #9daccc; font:normal 11px arial; color:#3c3c3c ">as</span> </div> 当它现在渲染时，跨度alignmentdiv的左下angular。

Bootstrap 3模态垂直位置中心: 这是一个两部分问题：当你不知道模态的确切高度时，如何将模态垂直定位在中心？是否有可能以模态为中心，溢出：自动在模态体，但只有当模态超过屏幕高度？我试过使用这个： .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } 当内容比垂直屏幕尺寸大得多时，这给了我所需要的结果，但是对于小模式内容，它几乎不可用。