如何水平和垂直对齐？

Question

我有两个想要水平对齐的对象，比如同一行/内嵌。

怎么做？行距对我不起作用。谢谢

像这样：

这是site

CSS：

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

Answer 1

将id fbuilder和类huge_it_slideshow_image_wrap_1包含在一个分区中。赋予div宽度：100％。之后，在id fbuilder和类huge_it_slideshow_image_wrap_1中添加float：left。这将使两者在同一行。我希望这会奏效。如果没有，请告诉我们。

Answer 2

将此css添加到cp_cff_clean

float: left;

然后将此css添加到huge_it_slideshow_image_wrap_1

position: absolute;
right: 0px;

这应该可以正常工作，在您的网站上进行测试

Answer 3

确定。我现在解决，把这个

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

Answer 4

如果您的块是固定的高度和宽度，您可以使用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