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">.

页面：桌面视图：https://adsler.co.uk/browse-adsler/

带有黄色背景的文本）

Answer 1

在awpcp-listing-excerpt-extra div的内容的第一位之后，将输出一个<br>（换行符）标记。您需要将其从生成内容的位置删除。或者，您可以使浏览器忽略<br>标签，例如：

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

如何在@media中使用显示

1 个答案: