如何在每行中創建一個帶有幾個詞的段落？

Question

我想知道如何製作只有幾個字的段落。就像您在圖片中看到的「設計LAB工作」一樣。我如何使它看起來像：工作與
設計實驗室

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

Answer 1

使用

說：

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

---

的HTML
元素（或HTML線Break Element）在文本中產生一個換行符（carriage-re轉）。這對寫一首詩或一個地址很有幫助，因爲這裏的分界線很重要。

Answer 2

試試這個：

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

，或者你可以在一個div包住<p>，並給它一個固定的寬度：

<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 3

有三種方法來獲得這個

1. 添加<br/>標籤到款
2. 讓padding-left和padding-right與特定值，使文本斷
3. 添加硬編碼width值

但請記住，在移動設備上，由於硬編碼可能會出現錯誤br，padding,width個值，但你可以使用@media-queries

Answer 4

嘗試這樣的：Demo

CSS：

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

Answer 5

有很多方法可以做到這一點，取決於你想要得到的目標。

你可以去新線與<BR>特殊字符，或指定一個狹窄的寬度爲您的段落< p寬= 15 >，等等。