草庐IT

Absolute-Center

全部标签

html - 具有固定高度 : center image horizontally or vertically based on image dimensions 的 Bootstrap 旋转木马

我有一个高度固定的Bootstrap轮播。这是CSS:.carousel-custom.carousel-outer{position:relative;}@media(min-width:992px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{height:500px;line-height:300px;}}}}@media(max-width:991px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{h

html - Angular Material 布局对齐 = "center center"不工作

我正在尝试使用layout-align="centercenter",它应该将内容在垂直和水平方向上居中对齐。但它只是水平而不是垂直对齐内容。这是plnkrlink我正在尝试的代码。HelloAngular-material!FirstlineSecondline 最佳答案 它没有垂直居中的原因是因为你的包含layout-align属性的div没有高度。尝试类似的东西FirstlineSecondline 关于html-AngularMaterial布局对齐="centercenter"

html - CSS : centering absolute positioned text inside relative parent

如何将绝对定位的文本置于流体相对父元素的中心?我正在尝试在父元素上使用text-align:center但它始终使child的左Angular居中,而不是元素本身。http://jsfiddle.net/sucTG/2/ 最佳答案 问题在于position:absolute;修改元素的宽度以适应其内容,而text-align:center;将文本在元素block的宽度内居中.所以如果你添加一个position:absolute;不要忘记增加元素的宽度,否则text-align:center;属性将毫无用处。解决此问题的最佳方法是在.

相对定位relative、绝对定位absolute、固定定位fixed

注:默认情况下的定位是postion:static;使用定位时,常常使用偏移量对位置进行描述:left、right、top、bottom定位时,使用z-indent可以元素的堆叠顺序,例:z-indent:1,出现在上层(z-index仅能在定位元素上奏效)相对定位relative相对定位的参考物是元素的初使位置相对定位的特点:不影响元素本身的特性元素不脱离文档流相对于原位置进行偏移div{width:100px;height:100px;margin:10px;font-size:40px;text-align:center;line-height:100px;background-colo

相对定位relative、绝对定位absolute、固定定位fixed

注:默认情况下的定位是postion:static;使用定位时,常常使用偏移量对位置进行描述:left、right、top、bottom定位时,使用z-indent可以元素的堆叠顺序,例:z-indent:1,出现在上层(z-index仅能在定位元素上奏效)相对定位relative相对定位的参考物是元素的初使位置相对定位的特点:不影响元素本身的特性元素不脱离文档流相对于原位置进行偏移div{width:100px;height:100px;margin:10px;font-size:40px;text-align:center;line-height:100px;background-colo

html - 使用位置 :absolute while keeping it inside the document flow

这是我当前正在构建的页面的屏幕截图。我试图确保绿色按钮始终位于容器底部。这是一段代码:HTMLCSS.list-product-patarticle{position:relative;min-height:260px;}.list-product-pat.pricing-pat{position:absolute;bottom:0;width:100%;}到目前为止没有问题......直到产品规范变得太长并且它变成了绿色按钮。我想将绿色按钮保持在最底部的位置,但同时我也希望在产品标题/产品规范太长时增加高度。在理想世界中,它应该是这样的:所以我的想法是保持绝对定位,同时仍将其保留在文

html - 将 div 定位到不同 div 的底部,而不使用 Absolute

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion我在另一个div中有一个div。内部div的边距为0,自动将其居中。但是,如果不使其绝对化,我就无法让它浮到底部。有没有办法让相对的divfloat到普通div的底部?

html - 相当于 CSS 中的 <center> 标签?

这个问题在这里已经有了答案:WhyisthetagdeprecatedinHTML?(13个答案)关闭9年前。我读到标签已弃用,但我在CSS中找不到任何真正的等价物。text-align适用于文本但不适用于其他元素,并且自动边距仅在您知道容器的宽度时才有效(如果您事先不知道宽度,则不是解决方案)。那么有没有真正等同于这个的东西呢?标签?

html - 为什么 Float 优于位置 :relative and absolute while we can make layout quickly with position?

为什么Float优于position:relative和absolute而我们可以用position快速布局?在经济衰退时期,时间非常重要。当我们制作2-col、3-col或multi-col布局,然后在布局div中定位其他元素时。世界上大多数人都喜欢Float。为什么Float优于position:relative和position:absolute给中的任何元素定位和其他嵌套元素?如果使用position:布局页面/设计,我们可以创建一个设置为position:relative的容器div,允许标题、内容和导航divs在容器div内设置为position:relative,允许这些

html - <div> 位置 :absolute; bottom: 0; not working as expected in IE7

我的网站是大学的类(class)目录工具,它有一个中心Pane,其中包含动态更新的类(class)列表。在Firefox、Opera和Chrome中,中心Pane具有预期的滚动行为:当类列表超过高度时,中心Pane具有滚动条。然而,IE仅在显式设置高度时才显示此栏。如果不使用JavaScript在调整大小时重置中心Pane高度,我如何强制InternetExplorer显示滚动条?中间Pane:及其CSS:div#middlenav{position:absolute;left:250px;right:350px;top:0px;bottom:0px;}div#courselist{o