在两个小时之间放置一个符号

卡特琳·桑杜

我想在两个 hr 标签之间放置一个正方形符号来创建一个分隔符,我希望正方形位于线条的中间。使用此代码,方块放置在 hr 标签下方,而不是它们的中间。

这是html:

    <div class="separator">
        <hr width='150' align="left">
            <span style="color: #fff;">&#9632;</span>
        <hr width='150' align="right">
    </div>

这是CSS:

   separator {
         margin: 5% 0;
   }

   hr {
       border: none;
       height: 2px;
       background: #fff;
       display: inline-block;
   }
特雷哈坎森

这样的事情应该通过利用来完成这项工作flexbox

CSS

.divider {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.divider hr {
  flex: 1 1 0;
}

.divider .square {
  width: 15px;
  height: 15px;
  background-color: black;
}

HTML

<div class="divider">
    <hr />
    <div class="square"></div>
    <hr />
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在两个div之间放置一个图标

来自分类Dev

在两个箭头之间放置一个文本

来自分类Dev

PHP,如果一个小时介于其他两个小时之间

来自分类Dev

两个日期之间的JavaScript差错了一个小时

来自分类Dev

如何在两个textview android的空间之间放置一个imageview?

来自分类Dev

在两个日期之间放置一个默认事件

来自分类Dev

如何在一个UILabel和两个UIImageView之间放置约束?

来自分类Dev

html和css在两个固定的div之间放置一个非固定的div

来自分类Dev

我可以在两个箭头之间放置一个 Rails 部分吗?

来自分类Dev

调整窗口大小时,在其他两个div之间挤压一个div

来自分类Dev

将div放置在另一个div内,并在两个div之间保持间隔

来自分类Dev

在两个日期之间选择一个日期

来自分类Dev

如何减去两个无符号的numpy数组以给出一个有符号的结果?

来自分类Dev

在两个度值之间分配一个角度

来自分类Dev

将两个每日系列合并为一个小时系列

来自分类Dev

为什么减去两个日期会给我多一个小时?

来自分类Dev

在屏幕调整大小时用一个替换两个列表块

来自分类Dev

两个符号链接之间的符号链接

来自分类Dev

在转换为tm struct并返回时,为什么两个time_t值之间有一个小时的差异?

来自分类Dev

如何创建一个单个表达式来显示两个日期之间的时差,如年,月,日,小时,分钟,秒

来自分类Dev

引导程序:将一个div与另外两个相邻放置

来自分类Dev

将两个图像视图放置在另一个图像视图上

来自分类Dev

两个可放置区域第一个仅适用

来自分类Dev

如何使用自动布局约束在一个屏幕上放置两个视图

来自分类Dev

在两个垂直div旁边放置一个div

来自分类Dev

将两个视频片段合并为一个,并排放置

来自分类Dev

并排放置两个div,一个用来拉伸以占据空间

来自分类Dev

并排放置两个面板(一个带有TextCtrl)-wxPython

来自分类Dev

Git:在现有两个分支的中间放置一个新分支

Related 相关文章

  1. 1

    在两个div之间放置一个图标

  2. 2

    在两个箭头之间放置一个文本

  3. 3

    PHP,如果一个小时介于其他两个小时之间

  4. 4

    两个日期之间的JavaScript差错了一个小时

  5. 5

    如何在两个textview android的空间之间放置一个imageview?

  6. 6

    在两个日期之间放置一个默认事件

  7. 7

    如何在一个UILabel和两个UIImageView之间放置约束?

  8. 8

    html和css在两个固定的div之间放置一个非固定的div

  9. 9

    我可以在两个箭头之间放置一个 Rails 部分吗?

  10. 10

    调整窗口大小时,在其他两个div之间挤压一个div

  11. 11

    将div放置在另一个div内,并在两个div之间保持间隔

  12. 12

    在两个日期之间选择一个日期

  13. 13

    如何减去两个无符号的numpy数组以给出一个有符号的结果?

  14. 14

    在两个度值之间分配一个角度

  15. 15

    将两个每日系列合并为一个小时系列

  16. 16

    为什么减去两个日期会给我多一个小时?

  17. 17

    在屏幕调整大小时用一个替换两个列表块

  18. 18

    两个符号链接之间的符号链接

  19. 19

    在转换为tm struct并返回时,为什么两个time_t值之间有一个小时的差异?

  20. 20

    如何创建一个单个表达式来显示两个日期之间的时差,如年,月,日,小时,分钟,秒

  21. 21

    引导程序:将一个div与另外两个相邻放置

  22. 22

    将两个图像视图放置在另一个图像视图上

  23. 23

    两个可放置区域第一个仅适用

  24. 24

    如何使用自动布局约束在一个屏幕上放置两个视图

  25. 25

    在两个垂直div旁边放置一个div

  26. 26

    将两个视频片段合并为一个,并排放置

  27. 27

    并排放置两个div,一个用来拉伸以占据空间

  28. 28

    并排放置两个面板(一个带有TextCtrl)-wxPython

  29. 29

    Git:在现有两个分支的中间放置一个新分支

热门标签

归档