如何水平和垂直对齐？

-1

我有两个对象需要水平对齐，如同一行/内嵌。如何水平和垂直对齐？

如何做到这一点？行跨并不适用于我。谢谢

像这样：

enter image description here

这里的site

CSS：

.metaslider { 
position: relative; 
z-index: 0; 
left: 300px; 
margin-top:0px; 
}

来源

2014-10-07 User014019

我们希望你把有关OP中的代码，以便问题仍然有用。在这种情况下，只要你修复你的网站，这个问题就变得对其他人毫无用处。阅读并遵循：http://stackoverflow.com/help/mcve – Sparky 2014-10-07 03:18:35

那么这个CSS添加到cp_cff_clean

float: left;

然后也加入这个CSS来huge_it_slideshow_image_wrap_1

position: absolute; 
right: 0px;

这应该做工精细，测试您的网站

来源

2014-10-07 03:16:46 Ahmad

我无法在.css中找到huge_it_slideshow_image_wrap_1 hmm – User014019 2014-10-07 03:39:35

我的意思是容器在右侧包含幻灯片 – Ahmad 2014-10-07 10:41:48

包裹ID fbuilder和一个师级huge_it_slideshow_image_wrap_1。给那个div宽度：100％。之后添加float：留在id fbuilder和类huge_it_slideshow_image_wrap_1中。这将使两者在同一行中。我希望这会起作用。如果没有，请告诉我们。

来源

2014-10-07 03:22:28 SPViradiya

艾哈迈德解决方案也可以在这里工作。 – SPViradiya 2014-10-07 03:23:33

但我无法找到css文件中的huge_it_slideshow_image_wrap_1 – User014019 2014-10-07 03:40:03

可能是从js文件添加的。无论如何直接写入.huge_it_slideshow_image_wrap_1 {float：left}。 – SPViradiya 2014-10-07 05:07:04

好的。我现在解决的，通过把这个

position: absolute; 
right: 50px; 
top: 300px; 
z-index: -1;

来源

2014-10-07 06:53:52 User014019

如果块是固定的高度和宽度，你可以使用CSS 父级（容器）的绝对位置必须有相对位置和其他元素都有绝对的。

看看我的代码在CSS，元素有顶部：50％从他们的容器50％，为垂直对齐，你应该添加半高地雷元素。如果你想要一个元素对齐水平，你应该做的，对于具有

HTML：

<div class="Container"> 
    <div class="LeftBlock">Left Block</div> 
    <div class="RightBlock">Right Block</div> 
</div>

CSS：

div.Container { 
    overflow: hidden; 
    width: 500px; 
    border: 1px solid #ccc; 
    padding: 10px; 
    height: 300px; 
    margin: 0px auto; 
    position:relative 
} 

div.LeftBlock, div.RightBlock { 
    width: 200px; 
    height: 150px; 
    background: #fc0; 
    border: 1px solid #B99504; 
    text-align: center; 
    line-height:150px; 
    color:#333; 
    font-family: tahoma; 
    position: absolute; 
    top: 50%; 
    margin-top: -75px; 
} 

div.LeftBlock { 
    left:10px; 
} 

div.RightBlock { 
    right: 10px; 
}

jsfiddle DEMO

来源

2014-10-07 07:38:12

如何水平和垂直对齐？

回答

相关问题