Как добавить горизонтальную линию между отборными полями следующим образом:Как добавить горизонтальную линию между отборным полями
Пожалуйста, проверьте горизонтальную линию между собой:
Как добавить горизонтальную линию между отборными полями следующим образом:Как добавить горизонтальную линию между отборным полями
Пожалуйста, проверьте горизонтальную линию между собой:
Вы можете попробовать JSFiddle
.wrapper{
position:relative;
}
.select2, .select1{
height:20px;
width:40%;
position:absolute;
}
.select1{
left:0;
}
.select2{
right: 0;
}
.line{
position:absolute;
border-bottom: 1px solid red;
top:10px;
left:0;
right:0;
}
Ширина линии такая же, как у обертки.
<div class="wrapper">
<div class="line">
</div>
<select class="select1">
<option>1</option>
<option>2</option>
</select>
<select class="select2">
<option>1</option>
<option>2</option>
</select>
</div>
Попробуйте
.line {
position: relative;
padding-left: 10px;
}
.line:first-child {
padding-left: 0;
}
.line select {
position: relative;
}
.line:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: red;
}
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
Может быть, это помогло бы: https://stackoverflow.com/questions/19382872/how-to-connect-html-divs-with- линии – StardustGogeta
Добро пожаловать в SO! Вопросы обычно должны быть более «Я пытаюсь это сделать, это то, что я пробовал, это то, как он не работает, где я ошибаюсь?» тип. (См. Http://stackoverflow.com/help/asking). Чтобы улучшить этот вопрос, добавьте текущий код (нажмите «edit», а затем нажмите значок '<>', в котором появится окно для ввода ваших html и css затем нажмите «сохранить и вставить» и сохраните свое редактирование) – henry
Поместите некоторый код, чтобы у нас было с чем работать. Кроме того, вы не приняли ни одного из своих более ранних вопросов, поэтому я предлагаю вам проверить их, добавить дополнительную информацию, чтобы они могли правильно ответить, поэтому вы можете их принять ... мы хотим иметь как можно больше вопросов с помощью принятый ответ, поэтому будущие пользователи могут увидеть, какой из опубликованных вопросов подходит лучше всего. – LGSon