我目前在 Wordpress 中遇到了一個奇怪的問題，其中某些元素將輸出值作為變數，但文本周圍有大量空白。
為了說明我的元素是這樣輸出的：
<span class="item--price">
<?php echo $price; ?>
</span>
(var_dump() of $price 導致 ((string(12) "from ￡55.00")))
將導致以下結果： 空白捕獲
我不確定這是否是由 Wordpress 的一些后處理鉤子引起的，或者我是否只是非常天真，但我似乎無法弄清楚如何洗掉它。
編輯：
（解決方案？）
問題是我的空白范圍的理解-我不知道這背后的確切邏輯，但<H3>與<span>元素我是有均被包含在一個彎曲的問題，以及它們之間的whitspace是被忽略。例如一個
<div style="display:flex;">
<h1> title </h1> <span> title variable </span>
</div>
這是一個問題，因為將空白設定為正常樣式會使周圍的空白折疊，并且可能存在打算使用空白的地方。
由于洗掉空格的原因及其修復，問題仍然存在：此堆疊溢位帖子解釋了為什么從 flex 子項中洗掉空格
解決方法是添加white-space: pre;or pre-line，但是瀏覽器會渲染所有的空白，讓我回到原來的問題；為什么首先要添加空格？
uj5u.com熱心網友回復：
您的螢屏截圖是標記中的空格，而不是頁面 - 標記中的空格應該不是問題，除非它也顯示在頁面上。可能是 Wordpress 正在嘗試將您的內容格式化為段落。
如果該元素顯示在頁面上的空白，你可以用調整white-spaceCSS屬性，如white-space: normal對span.item--price在你的榜樣。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/409310.html
標籤：