Мне нужно получить элемент hr между двумя кнопками, чтобы он был вертикально центрирован между ними.hr элементы вертикально между кнопками?
Это мой код, я изо всех сил пытался найти достойное решение. Может кто-нибудь, пожалуйста, быстро взглянуть?
Прямо сейчас они находятся ниже и выше.
http://codepen.io/anon/pen/gpvwvv
<button class="left">Test</button>
<hr />
<button class="right">Test</button>
Не уверен, что это было то решение, которое вы искали, но я сделал ручку с hr ', соединяющим две кнопки'.
Самого простым способ использовать абсолютное позиционирование, что и позволяет кнопки, чтобы быть динамичными, как это:
hr {
position: absolute;
width: 100%;
top: 0;
z-index: -1;
}
http://codepen.io/anon/pen/xGYEyE
Надеется, что это решит вашу проблему!
Это то, что я имею в виду. Он просто нуждается в небольшом дополнении, поэтому он не прикасается к кнопкам полностью. Как будто он плавает между ними. Спасибо за помощь до сих пор. –
hr элемент должен использоваться горизонтально говорить в семантически. Вместо элемента hr вы можете использовать элемент span. Но почему вы создаете ненужный элемент, пока можете сделать это, не требуя какого-либо элемента. Вы можете применить рамку только к элементу button.
пример:
button.left{
border-right: 1px solid #000;
}
В качестве альтернативы, вы можете установить border-left для правой кнопки тоже.
Кстати, это не рекомендуется использовать еще во время разговора в семантике. Вы должны использовать div для макета и внутри этого div поместите элементы кнопки и примените границу на div.
Кажется, что нет. Но вы можете сделать что-то вроде: <div style="border-left:1px solid #000;height:500px"></div>
Кажется, что нет. Я рекомендую вам взглянуть на это: http://stackoverflow.com/questions/571900/is-there-a-vr-vertical-rule-in-html – guergana
hr означает 'горизонтальное правило'. Если вы хотите вертикальный делитель. Проверьте ответы ниже. –
Вы хотите что-то вроде [ЭТО] (http://codepen.io/anon/pen/OVQRow) – Abhi