html - 创建一个带有标签的垂直分隔符

标签 html css forms alignment

我以前在某个地方见过这个,而且效果非常好。但我不记得在哪里。

无论如何,这是我想要的形式。

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

最佳答案

你是说像 StackOverflow 上的那样?

只需检查 DOM 就会告诉您需要了解的内容:该行是一个绝对定位的元素,带有左边框,“或”具有与主体相同的背景颜色以掩盖周围的行

关于html - 创建一个带有标签的垂直分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12608801/

上一篇:django 模板中的 css

下一篇:html 3列布局

相关文章:

django - 在 Django 中删除对象

html - 内容 slider : valid usage for tables, 列表等

html - 带有 float 子项的中心父 div

javascript - 在用户提交表单之前,如何检查文本框和复选框是否已填写并选中?

css - 为什么我的网站在 Opera 中看起来很糟糕?

css - 3个具有中心动态宽度的 float div

javascript - 使用 javascript 函数验证表单

html - 如何以与 paypal 按钮相同的方式将 .swf 对象链接到 paypal?

php - 通过在超链接中使用 onClick 调用 javascript 函数

html - 倾斜的 Div - 仅右侧