html - 如何在@media 中使用显示

Question

我有一个文本 div，它以某种方式将自己分成两行，并且不会对齐成一行。我正在尝试使用 display: initial;，它应该将所有内容放在一行中。它拒绝响应 margin-top 或 margin-bottom 并且仅响应正的 line-height。存在三个可能的选项。理想情况下，我希望所有文本都在一行中，第二个最理想的是使用负值降低行高，第三个是使用边距来提高页面上文本的高度。尝试使用 important 没有响应。

CSS:

@media (max-width: 5000px) and (min-width: 768px) {.awpcp-listing-excerpt-extra {display: initial; line-height:50%; margin-top:-20px;}} 

HTML

<div class="awpcp-listing-excerpt 
$awpcpdisplayaditems 
$isfeaturedclass" data- 
breakpoints-class-prefix="awpcp- 
listing-excerpt" data- 
breakpoints='{"tiny": [0,328], 
"small": [328,600], "medium": 
[600,999999]}'>
<div class="awpcp-listing-excerpt- 
thumbnail">. 

页面:桌面 View :https://adsler.co.uk/browse-adsler/

黄底文字)

Answer 1

有一个<br> (换行符)标记在 awpcp-listing-excerpt-extra div 中的第一位内容之后输出。您需要将其从生成内容的位置移除。或者你可以让浏览器忽略 <br>标签如:

.awpcp-listing-excerpt-extra br {
    display: none;
}