我有两个选项框填充。我想在两行之间显示一条垂直直线,并在行的中间写上“OR”。我不记得在哪里,但我已经看到这在某个地方完成。基本上用户将能够选择这两个选项框中的任何一个。如何使用css在两个选项框之间绘制垂直线
我已将代码放在jsbin上。
我有两个选项框填充。我想在两行之间显示一条垂直直线,并在行的中间写上“OR”。我不记得在哪里,但我已经看到这在某个地方完成。基本上用户将能够选择这两个选项框中的任何一个。如何使用css在两个选项框之间绘制垂直线
我已将代码放在jsbin上。
I modified it for you, check here。
基本上的想法是将这些选择框放入div并浮动它们。
恩,我想你可以连续3个div(所有float:left;),中间的可以是黑色背景设置高度,外面的两个可以有选择框?
添加一个新的div与背景图像(行)和文字或写在里面;) 比你必须使用float css属性。 每个人都可以选择AREADY从要素两个选项框...
我知道你已经接受了答案,但我想我会为您提供这个选项,以及:
它与@ Sarfraz的答案略有不同,其中包括垂直线,尽管这几乎只是一个小小的CSS差异。虽然我也整理了代码并使用了<form>
和<fieldset>
元素,但是... =)