Как нарисовать вертикальную линию между двумя полями параметров с помощью CSS - PullRequest
2 голосов
/ 15 августа 2010

У меня есть два поля опций.Я хотел бы отобразить вертикальную прямую линию между двумя и в середине строки напишите «ИЛИ».Я не помню где, но я видел, как это было сделано в каком-то месте.По сути, пользователь сможет выбрать любой из этих двух вариантов.

Я поместил код на jsbin .

Ответы [ 4 ]

1 голос
/ 15 августа 2010

Я изменил его для вас, проверьте здесь .

В основном идея состоит в том, чтобы поместить эти блоки выбора в div и плавать их.

0 голосов
/ 15 августа 2010

Я понимаю, что вы уже приняли ответ, но я подумал, что предложу вам и этот вариант:

http://jsbin.com/aweto3

Он немного отличается от @ SarfrazОтвет, в том числе вертикальная линия, хотя это в значительной степени незначительная разница CSS.Хотя я также убрал код и тоже использовал элементы <form> и <fieldset> ... =)

0 голосов
/ 15 августа 2010

Добавить новый div с фоновым изображением (линия) и текстом или написано внутри;) Чем вам нужно использовать свойство float css. Каждый может выбрать элементы из двух опций ...

0 голосов
/ 15 августа 2010

эмм, я думаю, у вас может быть 3 деления подряд (все с плавающей точкой: влево;), а средний может иметь высоту, заданную на черном фоне, а у двух других могут быть поля выбора?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...