html - 文本在增长到最大宽度之前换行
问题描述
我有一个包含一些文本的<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;
}
结果:
解决方案
我认为您只需要添加text-align: justify;
到字幕 CSS 即可。这会将单词分布在元素的宽度上。
.tooltip-subtitle {
color: #EEEEEE;
max-width: 350px;
word-wrap: break-word;
font-style: italic;
font-size: 13px;
text-align: justify;
}
推荐阅读
- python - 检查失败:1 == NumElements()(1 vs. 2)必须有一个单元素张量(神经网络度量)
- sas - SAS计算百分位数并保存到宏变量
- graphql - Prisma deploy:枚举期望关系/期望接口、指令或定义
- python-2.7 - 当您调用具有不同参数的函数时会发生什么
- swift - 每次单击单元格时都会填充快速进度条
- keras - 如何设置 Keras TimeseriesGenerator 来预测第二个下一个值?
- java - JsonPath SUPPRESS_EXCEPTIONS 似乎不起作用
- java - 尝试使用 java CertStore 从 Windows 活动目录中检索 userCertificate 但没有成功
- javascript - 如何从响应中获取实际数据?我不确定
- python - 如何在 Python 的嵌套列表理解的内部循环中使用 if...else 条件?