如何在每一行中创建一个单词很少的段落？

Question

我想知道如何制作段落中只有几个字。就像你在图片中看到的那样，＆＃39;使用设计LAB＆＃39;在一条线上。我如何使它看起来像：

使用
设计LAB

http://www.part.lt/img/7d1c99a5bdc7988170a6e578b123c506331.PNG

Answer 1

使用：

<p>WORKING WITH<br>design LAB</p>

  

HTML
元素（或HTML换行符元素）在文本中生成换行符（回车符）。它对于写一首诗或地址非常有用，其中行的划分很重要。

Answer 2

有三种方法可以获得此

1. 将<br/>标记添加到段落
中
2. 使用特定值设置padding-left和padding-right以使文本中断
3. 添加硬编码width值

但请注意，在移动设备上，由于硬编码的br，padding，width值可能会出错，但您可以使用@media-queries

Answer 3

试试这个：

<p>Working with <br> design lab</p>

或者您可以将<p>包裹在div中并给它一个固定的宽度：

<div class="wrapper"><p>Working with design lab</p></div>

在你的css中：

.wrapper{
 width: 50px;  //vary this number to get what you need
}

工作演示：http://play.ionic.io/app/7de26225a94a

Answer 4

请尝试以下操作： Demo

CSS：

p {   
    width:150px !important; /* change the value as per your need */       
}

Answer 5

有很多方法可以这样做，取决于你想要获得的目标。

你可以使用＆lt; br＆gt;来换行。特殊字符，或为段落指定窄宽度＆lt; p width = 15＆gt;，依此类推。