gpt4 book ai didi

css - 如何制作没有跨度的线交叉中心文本

转载 作者:行者123 更新时间:2023-11-28 12:38:43 25 4
gpt4 key购买 nike

<分区>

我想在文本的背面画一条居中线。我的代码适用于 google chrome,但不适用于 safari 和 IE。有很多关于此的教程,但所有教程都围绕着文本。反正有没有跨度画线?下面是我的代码:

<h1>Header</h1>

h1{overflow: hidden;text-align: center;}

h1:before, h1:after {position: absolute;
top: 51%;
overflow: hidden;
width: 50%;
height: 2px;
content: '\a0';
background-color: #e6ebfa;}

h1:before {margin-left: -52%; text-align: right;}
h1:after {margin-left: 2%;}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com