Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用css和html在同一块中以行分隔文本_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • 使用css和html在同一块中以行分隔文本

使用css和html在同一块中以行分隔文本

html css

使用css和html在同一块中以行分隔文本,html,css,Html,Css,我试图用css在文本之间画一条线。。。但我不知道怎么做 我正在使用引导。所以我有一个像 <div class="row"> <div class="col-12"> <span> HELLO ------------------- 6/04/2019 </span> <p> Some text </p> </div> </div> 您好-----------------2019年4月6日

我试图用css在文本之间画一条线。。。但我不知道怎么做

我正在使用引导。所以我有一个像

<div class="row">
 <div class="col-12">
 <span> HELLO ------------------- 6/04/2019  </span>
 <p> Some text </p>
 </div>
</div>


您好-----------------2019年4月6日
一些文本
我希望所有这些破折号都是一条线，把问候和约会分开

有什么帮助吗？

您也可以使用
弹性框来对齐同一父项中的项目。
我对您的HTML标记做了一些更改，请看：



.flex段落{
显示器：flex；
证明内容：之间的空间；
对齐项目：柔性端；
}
.管路分离器{
边框底部：1px虚线#000；
弹性：1；
}





你好
6/04/2019


一些文本


它可以工作，谢谢。。。但是如何在中间绘制该行？只需更改值：<代码>对齐项目：Flex Enter；<代码>到
对齐项目：居中