如何删除<pre>标签

Question

我有一个前置标签，导致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中以覆盖此特定的pre标签

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

如果使用子主题，则可以将其添加到样式表（style.css）中，否则可以使用Jetpack的Custom CSS进行添加。

如果上述方法不起作用，请尝试：

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

GL！