-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 中为用户提供两个选项......

<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 回答