類似這樣
如何將文字設置在水平線中間？
子衿沉夜
2018-10-17 17:54:39
1 回答
白豬掌柜的
TA貢獻1893條經驗 獲得超10個贊
試試下面這個，看看是不是你想要的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.title{
text-align: center;
overflow: hidden;
}
.title span{
position: relative;
display: inline-block;
}
.title span::before{
content: '';
position: absolute;
top: 50%;
width: 1000px;
height: 1px;
left: 100%;
background-color: #333;
}
.title span::after{
content: '';
position: absolute;
top: 50%;
right: 100%;
width: 1000px;
height: 1px;
background-color: #333;
}
</style>
</head>
<body>
<div class="title"><span>測試文字</span></div>
</body>
</html>
添加回答
舉報
0/150
提交
取消