我这里有一个最简化的示例：https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ
包含以下内容：
2
1292.wrapper {
width: 200px;
}
h1 {
font-size: 32px;
font-family: Tahoma, Helvetica, sans-serif;
line-height: 50px;
}
.header-text {
background: #aabbcc;
padding-left: 20px;
padding-right: 20px;
border-radius: 6px;
}
<div class='wrapper'>
<h1>
<span class='header-text'>
长文本换行
</span>
</h1>
</div>
水平padding仅适用于文本换行的开头和结尾，但我希望它适用于每一行。我可以接受border-radius不在每一行的换行点处，但我需要padding应用。
如果我在.header-text类中添加padding-top，它将应用于两行，所以我不清楚为什么换行的地方忽略了水平padding选项。
有没有办法在CSS中实现这个效果？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
你应该将.header-text的display属性更改为block或inline-block