Question

我有一个pre标签，导致css显示太多的空格。如何用css删除它？

        <!-- page-title -->

            <h1 class="page-title" itemprop="name">Checkout</h1>

        <!-- /page-title -->

        <div class="page-content entry-content" itemprop="articleBody">

        **<pre>**<div class="woocommerce">
       <div class="woocommerce-info">Have a coupon? <a href="#" class="showcoupon">Click here to       enter your code</a></div>

     <form class="checkout_coupon" method="post" style="display:none">

css读取

pre, xmp, plaintext, listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
}

如何更改空格：pre？这是一个使用woocommerce插件的wordpress网站。

Answer 1

您可以将以下内容添加到CSS中以覆盖此特定的预标记

.page-content.entry-content pre {
white-space: normal;
}

如果您使用child theme，则可以将其添加到样式表（style.css）中，否则您可以使用Jetpack's Custom CSS添加它。

如果上述方法无效，请尝试：

.page-content.entry-content pre {
white-space: normal !important;
}

GL！

如何删除<pre> tag</pre>

1 个答案: