這個問題在這里已經有了答案： 在沒有任何 html 標簽的 html 中隱藏文本 [重復] (3 個回答) 12 小時前關閉。
我正在使用一個 html 提要，它給了我以下結構
<div class="a">
<span class="b">Some Text</span>
Some other, redundant text
</div>
我無法更改 html 提要的結構，但我想知道是否有 CSS 解決方案可以隱藏冗余文本，使其占用零空間，同時仍保持<span>元素可見。
uj5u.com熱心網友回復：
div > span {
visibility: visible;
}
div {
visibility: hidden;
}<div class="a">
<span class="b">Some Text</span>
Some other, redundant text
</div>uj5u.com熱心網友回復：
有點hacky但有效
.a {
font-size: 0px;
}
.a span {
font-size: 1rem;
}
不要使用visibility屬性，它會使文本不可見但不會洗掉它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359307.html
標籤：javascript html css
上一篇：div父級如何自動調整其大小？