解决方案 - css多行文本溢出，内部放入行内块元素显示异常？

Question

css多行文本溢出，内部放入行内块元素显示异常

设置2行文本溢出，在文字头部放入view，样式设置inline-block，2行文本溢出是可以，但是神奇的是第一行竟然也显示...了，去掉这个view元素就正常2行显示...，

<view class="two"><view class="title">优惠活动</view>  文本本文文本本文文本本文文本本文文本本文文本本文文本本文</view>

有没有大佬知道这是什么情况。小程序代码

Answer 1

没有 CSS 的代码，盲猜你的文本截断出现...的样式是在 .two 上的，所以，你的 .title 在 inline-block 的时候也受到了影响。

建议最好给内容区域加一个 view，然后用样式去控制。

Answer 2

这种情况可能是因为 CSS 中的 "display" 属性在行内块元素（inline-block）上的表现。当你把内部的元素设为 "inline-block"，这些元素可能会尝试与文本一起在一行内显示，即使这会导致溢出。

你可以尝试使用 "block" 替代 "inline-block"，或者使用 "overflow" 属性来控制溢出的内容。例如，你可以设置 "overflow: hidden;" 来隐藏溢出的内容。

这是一个可能的解决方案：

.two {  display: block;  overflow: hidden;}

这个 CSS 规则将 .two 的显示方式设为 "block"，并且隐藏任何溢出的内容。这样，即使文本溢出，也不会影响其他行内块元素的布局。

注意，这只是一种可能的解决方案，实际的解决方案可能需要根据你的具体需求和布局进行调整。