2014-10-07 2 views
-1

У меня есть два объекта, которые я хочу выровнять по горизонтали, например, одну строку/строку.Как выровнять по горизонтали и по вертикали?

Как это сделать? Ряд строк не работал для меня. Спасибо

Как это:

enter image description here

Вот site

CSS:

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

Вы, как ожидается, поставить соответствующие кода внутри ОП, чтобы вопрос оставался полезным. В этом случае, как только вы исправляете свой сайт, вопрос становится бесполезным для других. Читайте и следуйте: http://stackoverflow.com/help/mcve – Sparky

ответ

0

Ну добавить CSS в cp_cff_clean

float: left; 

Затем добавьте этот CSS тоже huge_it_slideshow_image_wrap_1

position: absolute; 
right: 0px; 

Это должно работать нормально, испытаны на вашем сайте

+0

Я не могу найти great_it_slideshow_image_wrap_1 в .css hmm – User014019

+0

Я имею в виду контейнер с правой стороны, содержащий слайд-шоу – Ahmad

1

Оберните fbuilder идентификатор и класс huge_it_slideshow_image_wrap_1 в одном дивизионе. Дайте эту ширину div: 100%. после этого добавьте float: слева в id fbuilder и класс vast_it_slideshow_image_wrap_1. Это будет сделано как в одной строке. Надеюсь, это сработает. Если нет, сообщите нам об этом.

+0

Решение Ahmad тоже будет работать. – SPViradiya

+0

но я не могу найти great_it_slideshow_image_wrap_1 в css-файле – User014019

+0

Может быть, он добавлен из js-файла. В любом случае прямо напишите .huge_it_slideshow_image_wrap_1 {float: left}. – SPViradiya

0

Хорошо. Я решаю сейчас, поставив этот

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

Если блоки фиксированную высоту и ширину вы можете использовать абсолютное положение на 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

Смежные вопросы