CSS 自适应字体两边增加横线
通过 CSS 可以实现如下效果：文字两边有横线，且横线可以根据容器的宽度，进行自适应。以下是实现代码：
预期效果：
CommandNotFound 评分详情
具体调用伪代码：
<div class="line-container"> <span>CommandNotFound 评分详情</span> </div>
CSS 代码：
.line-container {
display: flex;
align-items: center;
justify-content: center;
}
.line-container::before,
.line-container::after {
content: "";
flex: 1; /* 横线占据剩余空间 */
border-bottom: 1px solid #ccc; /* 横线样式，可以调整颜色和宽度 */
margin: 0 10px; /* 横线与文字的间距 */
}
.line-container span {
white-space: nowrap; /* 防止文字换行 */
font-size: 16px; /* 文本大小，可调整 */
color: #333; /* 文本颜色 */
}