html - 文本在增长到最大宽度之前换行

Question

我有一个 <div>带套装 max-width包含一些文本。问题是 div 永远不会增长到它的 max-width。文本总是换行。

CSS:

/*Container*/
.tooltip {
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px;
    background-color: #12161AEE;
    display: none;
    z-index: 100;
    cursor: default;
    pointer-events: none;
}

/*Text*/
.tooltip-subtitle {
    color: #EEEEEE;
    max-width: 350px;
    word-wrap: break-word;
    font-style: italic;
    font-size: 13px;
}

结果:

Answer 1

我认为您只需要将 text-align: justify; 添加到字幕 CSS 中即可。这会将单词散布在元素的整个宽度上。

.tooltip-subtitle {
    color: #EEEEEE;
    max-width: 350px;
    word-wrap: break-word;
    font-style: italic;
    font-size: 13px;
    text-align: justify;
}