2015-11-04 58 views
0

我想要做的是,我希望我的每一行文本都比上面的文本更短(宽度)。所以我的文本布局看起来像我的文本是在一个颠倒的金字塔内。看到下面的图片:enter image description here自定义文本布局CSS-JS

我如何设法使用CSS,javascript或任何可能的方式来做到这一点? 感谢您的时间和帮助。

+0

我不能想出任何想法申请。任何想法或代码片赞赏。给我一个火花开始,我会很感激:) –

回答

1

尝试给你的容器元素(可能是一个div)的css属性text-align:center。那么你的整个文本将在这个div中居中。现在在您的文本中设置<br>标签,以使其在所需位置中断。

+0

这可以工作,但我需要一个解决方案,不需要手动在文本中添加任何代码。因为该文本将被访问者添加。 (要从数据库中提取,并在管理员激活它之后动态地用于“验证码”部分)。 –

+0

这将是一个复杂的Javascript算法,它具有很多依赖项,如字体大小,容器的高度和宽度,fontweight。无论如何,这种实施将会很sc。。你有很少的选择。也许你的文本的创建者在textarea中做休息。 – ant45de