1

示例（以“OR”作为文本）：

示例（与

submit这个想法是，在列折叠时 - 即：在移动大小的屏幕上查看 - 它会出现在Click me.

如何在行之间的分隔符上添加一些文本？

4

2 回答 2

1 
<style>
.wrapper{
width:900px;
margin:0 auto;}

.left{
min-height:300px;
width:400px;
background-color:#9F0;
float:left;} 

.right{
min-height:300px;
width:400px;
background-color:#9F0;
float:right;}

.mid{
padding-top:150px;
padding-left:40px;
min-height:150px;
width:60px;
float:left;
background-color:#C00;}
</style>

<body>
<div class="wrapper">
    <div class="left">SUBMIT CONTENT HERE</div>
    <div class="mid">OR</div>
    <div class="right">CLICK ME CONTENT HERE</div>   
</div>

我认为这可以帮助你。现在，如果您想在上面添加垂直条，mid您可以设置它的样式，您可以将该条添加为背景图像，然后您可以设置它的样式或添加任何 DIV 标签，这是您的愿望.. ;)

于 2012-08-19T08:28:03.617 回答
1

为什么不在.span两个表格之间使用 a ？

<div class="container">
    <div class="row">
        <div class="span5">
            form 1
        </div>
        <div class="span2">OR</div>
        <div class="span5">
            form 2
        </div>
    </div>
</div>

演示（jsfiddle）

于 2012-08-19T09:16:04.917 回答