這個問題在這里已經有了答案：
![居中：從邊界到容器末端？[復制]](https://img.uj5u.com/2021/11/04/ea3215586e204256a42b2bce49645481.png)
圖片2
![居中：從邊界到容器末端？[復制]](https://img.uj5u.com/2021/11/04/8f4dad2518f841f5aa71a708bc13149e.png)
uj5u.com熱心網友回復：
我在你的 css 中添加了一些 ligns：
- 設定
h1為display:flex并做了一些對齊調整 - 添加
:after添加的flex: 1 1 auto;
.subheading:after {
background-color: rgb(194, 188, 178);
content: "";
display: inline-block;
height: 0.25rem;
position: relative;
vertical-align: middle;
width: 5rem;
align-items: center;
}
.subheading:after {
margin-left: 20px;
/* ADDED */
flex: 1 1 auto;
}
/* ADDED */
h1{
display:flex;
align-items:center;
}<section class="flex">
<h1 class="subheading">Coronovirus</h1>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346579.html
上一篇：如何在JQuery中添加一個懸停事件處理程式，它只會針對具有相同父元素的兄弟元素？
下一篇：自定義自動完成不會超出div