自动将文本包装到新元素中的方法,无需手动或使用.js/js框架手动操作
P粉148782096
P粉148782096 2023-09-14 13:44:44
0
2
627

我想要做的是类似于Photoshop/Illustrator/其他软件中的文本框换行,你可以写一个段落,但是如果“溢出”,它会跳到另一个文本框中,就像填充那个文本框一样。

如果可能的话,我希望能够在不使用JavaScript的情况下,只使用HTML/CSS来实现这个功能,或者至少知道这是不可能的,我应该转向其他方案。

我想要的视觉示例:https://i.stack.imgur.com/Dzbhv.jpg

我尝试了我见过的CSS文本换行的每个属性,还进行了Web爬取,但是我没有看到任何类似于我想要的东西。

P粉148782096
P粉148782096

全部回复(2)
P粉476547076

你可以设置显示的单词数量,以防止超出盒子(经典的“阅读更多”),但我怀疑你只能使用html/css来实现这一点。

当然,我可能错了,但我没有看到html或css可以根据特定条件进行通信,剪切内容并自动跳转到下一个div。

P粉920835423

我在其他地方得到了一个非常接近的建议,我在这里发布帖子,以帮助可能需要的其他人,似乎没有一个自由浮动的方法,然而,column-(x)属性似乎是最好的选择。

在这里可以找到一些文档:https://www.w3schools.com/css/css3_multiple_columns.asp

我实现的方式是给它分配一个自我描述的类(在这种情况下是threeColumnDiv),每当我需要时都会使用它。

另一个似乎可能理想的东西是grid-row属性(参考:https://www.w3schools.com/cssref/pr_grid-row.php)。

如果还有其他需要的东西,似乎你将不得不以自定义的方式来做,但我觉得这些边缘情况很少,不应该是个大问题。

感谢大家在这个问题上的回应和帮助!

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板