2014-11-07 5 views
1

У меня возникают проблемы с вертикальной линией между двумя div.Положение вертикальной линии по другим линиям

desired result

Мой код: js fiddle

.one, .two{ 
width: 100%; 
display:block; 
height:200px; 

}

Если я ставлю границу вправо или влево, что не собирается помочь мне решить мою проблему.

Любые идеи?

спасибо.

+0

Вы можете использовать тег горизонтального правила для создания вертикальных линий. '


' Используя минимальную ширину и большой размер, горизонтальное правило становится вертикальным. – eclipsis

+0

@eclipsis, но как поставить его перед этими двумя строками? г-индекс? – Morpheus

+0

Я создам ответ. – eclipsis

ответ

1

Используйте знак горизонтального правила для создания вертикальных линий: <hr width="1" size="500">, а также position: absolute, чтобы контролировать, куда идет линия. Fiddle.

Вам нужно будет отрегулировать верхние, правые, нижние и левые значения относительно вашего макета.

+0

Если этот ответ помог, любезно принять его. – eclipsis

+0

Конечно, не стоит беспокоиться. Спасибо. – Morpheus

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