每行将句子分隔成一个单词 [英] Separate sentence to one word per line

问题描述

是否可以使用CSS将句子分隔为一个单词？

Is it possible to separate sentence to one word per line with CSS ?

输入：

<div>Hello world foo bar</div>

渲染输出：

Hello
world
foo
bar

不需要将宽度设置为例如 1px 。

Setting width to for example 1px is not desired.

推荐答案

您必须使用 display：table-caption; 来实现。

这是解决方案。

工作演示

WORKING DEMO

HTML：

<div>Hello world foo bar</div>

CSS：

div{display:table-caption;}

希望这会有所帮助。

这篇关于每行将句子分隔成一个单词的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！