如何使用 CSS 中的資料屬性為偽元素內容添加換行符？

將換行符分配給CSS 和偽元素內容中的資料屬性

此查詢探討了將換行符合併到CSS 中的可能性資料屬性。使用者的目標是使用偽元素的 content 屬性和從 data 屬性中提取的值來顯示多行內容。

實作

初始方法，使用「a」作為資料屬性中的換行符，被證明是不成功的。為了達到預期的結果，需要進行以下修改：

資料屬性修改：

• 將“a”替換為“ "; 該HTML 實體對應於換行符。

CSS 修改：

• content: attr(data-foo) ; 保持顯示資料屬性內容的原始功能。確保內容保留其格式並顯示為離散區塊。 🎜>
HTML:
此修改允許偽元素顯示多行內容，保留 data 屬性中定義的換行符。

以上是如何使用 CSS 中的資料屬性為偽元素內容添加換行符？的詳細內容。更多資訊請關注PHP中文網其他相關文章！