-1

これは以前どこかで見たことがあり、非常にうまく機能しました。でもどこか思い出せない。

とにかく、これが私の望ましい形です。

Enter a message:
+--------------------------------------------+
|                                            |
|                                            |
+--------------------------------------------+
                      |
                      |  Enter recipients:
                      |  +------------------+
 [Send to everyone]  OR  |                  |
                      |  +------------------+
                      |
                      |  [Send to these users]
4

2 に答える 2

2

つまり、StackOverflow のように？

DOM を検査するだけで、知っておく必要があることがわかります。行は、左境界線を持つ絶対位置の要素であり、「または」には、その周りの行を隠すために本文と同じ背景色があります。

于 2012-09-26T19:20:32.007 に答える
1

例については、この jsfiddle を参照してください。アイデアは、HTML でユーザーに 2 つのオプションを提供することです...

<span class="screen-reader-text">Choose one of the following options:</span>
<ul>
    <li id="send-to-everyone">
        <!-- omitted -->
    </li>
    <li id="enter-recipients">
        <!-- omitted -->
    </li>
</ul>

...そして、最初のスタイル<li>を設定float:leftして、border-right. :after「または」を作成するためのコンテンツを追加します。

于 2012-09-26T19:32:51.320 に答える