html - 如何在 div 中创建文本换行符？

Question

我有一些文字流过我制作的框边框。我试过用display它把它分成两行，但是有没有其他方法可以使用 css 或 html 来划分它？

CSS

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

不工作

<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

标签： htmlcsswordpress

Answer 1

对于溢出的文本，您可以使用空格和分词属性来控制文本应如何换行并分成第二行。

例如：

.break-words{
    white-space: pre-wrap;
    word-break: break-word;
}