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

.span2 つのフォームの間に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 に答える