mdriven - 长文本会破坏样式

Question

根据长文本或短文本，同一列（静态文本）得到不同的结果，为什么？

正确的布局（较短的描述） 不正确的布局（静态列中的长描述）

Answer 1

首先，尝试为.yourclass文本设置这个 css

.yourclass p {
   width: min-content;
   min-width: 100%;
}  

这将强制您的文本在 .yourclass 容器内处于最小内容宽度。但同时将确保它将占用所有 100% 的父母宽度，而不会拉伸或收缩它。