如何使用css打破文本行答案

【问题标题】：How to use css to break text line如何使用css打破文本行
【发布时间】：2019-05-19 01:01:48
【问题描述】：

我有一些文本想分成两部分。据我了解，这可以使用 css display 来完成-（请参阅 W3 School）问题是，例如，当我尝试使用 display: table-column 或 display: table-column-group 时，应该将我的文本放在一列中并划分，（W3 school ) 文本从页面中消失。但是，一旦我使用display: inherit;，例如（所有文本都在一行上），它就会重新出现。

<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">
    $awpcp_image_name_srccode
</div>
<div class="awpcp-listing-excerpt-inner" style="w">
    <h4 class="awpcp-listing-title">$title_link</h4>
    <div class="awpcp-listing-excerpt-content">$excerpt</div>
</div>
<div class="awpcp-listing-excerpt-extra">

    $awpcp_city_display
    $awpcp_state_display
    $awpcp_display_adviews
    $awpcp_display_price
    $awpcpextrafields

CSS：

.awpcp-listing-title {display: table-column !important;}

【问题讨论】：

That's not what display: table-column is for.“将我的文本放在一列并分开”是什么意思？你能制作一个你所期待的模型吗？
不是真的不知道该怎么做。但这里是页面：adsler.co.uk/browse-adsler/see 文本如何在框外扩展...移动视图

标签： html css

【解决方案1】：

我花了一段时间，但这似乎奏效了。

.awpcp-listing-title {
background-color: 
unset;position: unset; padding: 
unset; font-size: 12px; margin- 
left:-80px; margin-right: 120px;

否定margin-left 的组合用于定位文本，margin-right 似乎已将其压缩为 3 行。

【讨论】：