Questions tagged «center»

我需要在窗口中心放置一个div（带有position:absolute;）元素。但是我遇到了问题，因为宽度未知。 我试过了 但是，由于宽度是响应性的，因此需要对其进行调整。 .center { left: 50%; bottom:5px; } 有任何想法吗？

1078 css  css-position  center  absolute 

我正在实现分页，它需要居中。问题在于链接需要显示为块，因此它们需要浮动。但是，那text-align: center;对它们不起作用。我可以通过给左边的wrapper div填充来实现，但是每个页面都有不同数量的页面，所以这是行不通的。这是我的代码： .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(/images/structure/pagination-button.png); } .pagination a.last { width: 90px; background: url(/images/structure/pagination-button-last.png); } .pagination a.first { width: 60px; background: url(/images/structure/pagination-button-first.png); } <div class='pagination'> <a class='first' href='#'>First</a> <a href='#'>1</a> <a href='#'>2</a> <a …

354 css-float  center  css 

这是一个两部分的问题： 当您不知道模态的确切高度时，如何将模态垂直放置在中心？ 仅在模态超过屏幕高度的情况下，模态才能居中并在模型主体中具有overflow：auto吗？ 我试过使用这个： .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } 当内容远大于垂直屏幕大小时，这给了我所需的结果，但是对于较小的模态内容却几乎无法使用。

270 css  twitter-bootstrap  modal-dialog  center 

我只是好奇为什么<center>不赞成使用HTML中的标记。 <center>通过将容器封装在<center>标签中，这是一种快速居中对齐文本和图像块的简单方法，我现在真的找不到任何更简单的方法。 任何人都知道如何使“东西”居中（不是margin-left:auto; margin-right:auto;和宽度东西居中）的任何简单方法<center>吗？而且，为什么不推荐使用它？

202 html  tags  center  deprecated 

我有一个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; }

176 css  html  center  absolute 

我知道这听起来很简单。我需要在中间放置一个文本，但是当文本太长时，它需要移到下方，但仍要在xml的中心对齐。 这是我的代码： <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> 我放置paddingTop和Bottom是因为我需要一些空间。PS：我的代码更大；它在RelativeLayout中。

149 java  android  xml  text  center 

我搜索了其他问题，尽管这个问题似乎与其他几个问题相似，但到目前为止，我所看到的任何问题似乎都无法解决我遇到的问题。 我有一个div，其中包含许多其他div，每个div都向左浮动。这些div分别包含照片和标题。我要的是使照片组位于包含div的中心。 从下面的代码中可以看到，我尝试了在父div上同时使用overflow:hidden和margin:x auto，并且还在clear:both照片后添加了（如另一个主题中所述）。似乎没有什么改变。 谢谢。我感谢任何建议。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: left; …

142 html  center  css 

嗨，我正在使用类似于以下内容的方法来将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出现时位于页面的顶部（该部分的顶部显示在屏幕上），则它甚至不在屏幕上。您必须向下滚动才能查看。 有人可以告诉我您如何将其显示在屏幕中间吗？

141 css  html  window  center 

是否可以将div中的背景图像居中放置？我已经尝试了几乎所有内容-但没有成功： <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } 这可能吗？

136 html  css  image  background  center 

我需要一种使当前窗口居中的方法。因此，例如，如果用户按下一个按钮，我希望窗口在屏幕上居中。我知道您可以使用startposition属性，但是除了应用程序首次启动时，我无法找到使用该属性的方法。那么如何在屏幕上居中放置表单？

128 c#  winforms  screen  center 

我正在尝试使div position:fixed在页面上居中对齐。 我始终能够使用此“ hack”与绝对定位的div做到这一点 left: 50%; width: 400px; margin-left:-200px ...其中margin-left的值是div宽度的一半。 这似乎不适用于固定位置的div，而只是将其最左角放置在50％处，而忽略margin-left声明。 关于如何解决此问题的任何构想，以便我可以使固定定位的元素居中对齐？ 如果您能告诉我一种比上面概述的方法更好地居中对齐绝对定位元素的方法，我将提供额外的M＆M。

126 html  center  alignment  css-position 

在CSS中，将overflow:hidden其设置在父容器上，以使其随其浮动子容器的高度扩展。 但是，当与margin: auto...结合使用时，它还具有另一个有趣的功能。 如果PREVIOUS兄弟姐妹是一个浮动元素，它将实际上并列出现。也就是说，如果同属float:left容器，float:none overflow:hidden则带有的容器将出现在同属容器的右侧，没有换行符-就像它在正常流中浮动一样。如果先前的兄弟是，float:right则容器将出现在兄弟的左侧。调整此容器的大小将准确地显示其在浮动元素之间居中的位置。说，如果你有两个以前的兄弟姐妹，一个float:left其他float:right，容器将出现在中心插图中的两项。 所以这是问题所在... 如何在不遮盖孩子的情况下保持那种布局？ 在整个网络上进行谷歌搜索为我提供了如何clear:both扩展和扩展容器的方法...但是我找不到任何其他解决方案来保持左/右前一个孩子居中。如果您制作容器，overflow:visible则容器会突然忽略浮动元素的布局流程，而是分层显示在浮动元素的顶部。 所以问题： 我必须有一个容器overflow:hidden来保留布局... 我怎样才能做到不让孩子蒙面？我需要让孩子相对于容器外部的父对象绝对定位。 要么 我如何overflow:visible才能绝对地将一个孩子相对于其父对象放置在容器之外...还可以保留同级的float-like-layout-flow？

100 css  overflow  css-float  center  hidden 

我想做一个列表行布局。此布局的最左侧是图像视图，紧挨着图像视图的是文本视图，最右侧是图像视图。我希望所有这些都垂直居中。 <RelativeLayout android:layout_width="fill_parent" android:layout_height="100dp" android:gravity="center_vertical" > <ImageView android:id="@+id/icon" android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/func_text" android:layout_toRightOf="@id/icon" android:layout_width="wrap_content" android:layout_height="100dp" android:layout_gravity="center_vertical" /> <ImageView android:layout_width="50dp" android:layout_height="50dp" android:layout_alignParentRight="true" android:layout_gravity="center_vertical" android:src="@drawable/arrow" /> </RelativeLayout> 我也尝试添加android:layout_centerVertical="true"到textview中，但是结果是textview与两个imageview底部对齐。我在android 4.2模拟器中尝试过这个。有人可以帮助我吗？

88 android  center  android-relativelayout 

我有一个将具有此CSS的div： #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } 现在，如何才能使该div居中？我可以使用，margin-left: -450px; left: 50%;但这仅在屏幕> 900像素时才有效。之后（当窗口<900像素时），它将不再居中。 我当然可以用某种js来做到这一点，但是用CSS做到这一点“更正确”吗？

88 css  html  center 

通常的CSS居中问题，对我不起作用，问题是我不知道最终的宽度px 我对整个导航有一个div，然后在其中的每个按钮都使用了div，当有多个按钮时，它们将不再居中。:( 的CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } 的HTML <div class="nav"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div> 任何帮助将不胜感激。谢谢 结果 如果宽度未知，我确实找到了一种将按钮居中的方法，虽然不完全满意，但没关系，它可以工作：D 最好的方法是放在桌子上 <table class="nav" align="center"> <tr> <td> <div class="nav_button"> <div …

85 css  button  center