不知道如何僅使用 HTML/CSS 來做到這一點。我應該使用影像作為插入符號和頂部措辭并以這種方式插入嗎？
uj5u.com熱心網友回復：
span::before {
content: "∨";
position: absolute;
left: 1em;
top: 1.2em;
}<span>text</span>您可能必須編輯定位以將其放置在正確的位置，但這里的關鍵是使用before帶有content: "∨".
uj5u.com熱心網友回復：
對于純 CSS，您可以嘗試這樣的事情嗎？
<div class='parent'>
<div class='caret'>v</div>
<div class='added-text'>a lot of</div>
<div class='main-text'>Save time with a quick solution</div>
</div>
.parent {
position: absolute;
}
.added-text {
padding-left: 10px;
}
.main-text {
}
.caret {
position: absolute;
top: 15px; <-- might need some custom tuning
left: 24px; <-- might need some custom tuning
}
uj5u.com熱心網友回復：
在不分享任何細節或到目前為止您所做的事情的情況下，它留下了無限的選擇。這是一個。
p {
font-family: Arial, sans-serif;
font-size: 36px;
margin-top: 50px;
position: relative;
}
span {
position: absolute;
left: 15px;
top: -60px;
}
span::before {
content: "\2228";
color: #00f;
font-size: 50px;
left: 62px;
position: relative;
top: 32px;
}<p>Save <span>a lot of </span> time with a quick solution</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/425027.html
上一篇：網格項不隨內部內容高度擴展
下一篇：換一個圓圈的影像