CSS 文本编辑答案

【问题标题】：CSS Text EditingCSS 文本编辑
【发布时间】：2012-03-17 12:35:14
【问题描述】：

嘿，伙计们，我有一个问题，我打算为一个想要对他们进行良好描述的朋友制作一个网站，因为在设计方面他们想要这样的东西：

                              dsdsdsds
                           sdsdsdsdsdsdsd
                        sdsdsdsdsdsdsdsdsds
                     sdsdsdsdsdsdsdsdsdsdsdsd
                    sdsdsdsdsdsdsdsdsdsdsdsdsd
                     sdsdsdsdsdsdsdsdsdsdsdd
                       sdsdsdsdsdsdsdsdsdsd
                          sdsdsdsdsdsdsds
                            sdsdsdsdsdsd
                               sdsdsdsd

所以基本上是开头的一小行文字，中间增加，然后在接近结尾的地方减小，所以基本上是圆形的。有什么想法吗？

【问题讨论】：

标签： css text editing geometry

【解决方案1】：

一种不好的方法是固定数量的行（并且可能没有自动换行）。只需做跨度，并让每个跨度的 id 具有预定义的宽度。

更好的（有点）方法是按照css circle via stack-overflow 的方式做一些事情。虽然你可能需要调整它（我还没有尝试过），但你可以四处看看你是否喜欢它。

我很确定后者是你会走的路，但构建它的简易性可能不会太快。

祝你好运！

【讨论】：

我应该声明我假设这个 css-bit 会被重用。所以，是的，如果这只是针对一个人并且措辞不会改变，那么 Bert 的回答就足够了。

【解决方案2】：

在谷歌上环顾四周后，我发现了这个： CSS Text Wrapper

它涉及到javascript，但你并不需要知道javascript才能使用它。

【讨论】：

【解决方案3】：

如果你想实现那个用途

<pre></pre>

然后将 css 应用于文本。

这是最简单的方法。

【讨论】：