我正在嘗試添加一個直通，在所有瀏覽器中它都可以正常作業，除了 Safari。
它得到錯位。
我什至沒有使用css，只是shtml中的一個標簽
<span class="price--old">
<s>{value}</s>
</span>
uj5u.com熱心網友回復：
有一個問題，line through他們del
都沒有在 safari 中作業我想出了一個解決方案
.price--old {
width: 25px;
display: flex;
align-items: center;
}
.price--old::before {
content: "";
flex: 1 0 10px;
border-top: 1px solid #111;
}
.old-price {
margin-left: -25px;
} <div class="price--old"><span class="old-price">200</span></div>它在safari和chrome
uj5u.com熱心網友回復：
每個瀏覽器對 CSS 的解釋都不同。我相信它不起作用的原因是因為<s>標簽“通過文本的垂直中心呈現一條水平線”，所以我認為它正在找到一個奇怪的“垂直中心”。
根據 Apple 的開發庫：
s
已棄用。以洗掉線樣式定義文本塊。使用 del 表示檔案編輯。
討論
s 元素內的內容以穿過中心的水平線呈現。del 元素更適合顯示被洗掉的文本。如果可能，應該使用 CSS 而不是使用 HTML 樣式元素對樣式進行更精細的調整。
可用性
s 元素在 HTML 4.01 標準中已被棄用。
嘗試改用<del>標簽
<p>Let's try <del>this</del></p>
如果這不起作用，請告訴我。在我的 Safari 計算機上看起來不錯，但我的 Safari 上有一些奇怪的設定用于作業專案 rn。
再多一點研究表明del和s之間存在語意差異：HTML中的<s>和<del>有什么區別，它們會影響網站排名嗎？
<s>并且<del>兩者仍然存在于 HTML 規范中。The <del> element represents a removal from the document. The <s> represents contents that are no longer accurate or no longer relevant.也就是說，它們實際上在語意上代表了不同的事物。如果您有一個現有檔案并且想要指示檔案中的文本但已被洗掉，則將特別使用。這與不再準確但尚未洗掉的檔案中的文本不同（您可以使用它）。
即使大多數瀏覽器默認設定了洗掉線，您也不應該使用或依賴其中任何一個進行樣式設定。您應該只依賴 CSS 進行演示。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/521602.html
標籤：htmlcss苹果浏览器
上一篇：創建由3個div組成的行，每個div包含相同大小的圖片
下一篇：懸停時傾斜效果錯誤