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; } 当内容比垂直屏幕尺寸大得多时,这给了我所需要的结果,但是对于小模式内容,它几乎不可用。