你能在ap元素中添加縮進嗎？

Question

你能在ap元素中添加縮進嗎？ 我不斷在單詞之間添加空格，但只添加了一個空格。 我不想創建一個帶有br標簽的新行，而是在單詞之間創建多個空格。

例如：

Answer 1

關於您的需求：我建議您創建一個帶有隱藏網格線的表格：

 table { table-layout: fixed; width: 100%; } td { width: 33%; font-weight: bold; } 

 <table cellspacing="10"> <tr> <td>McNair Scholar</td> <td>Member</td> <td>Spring 2017-Present</td> </tr> <tr> <td>Code2040 Fellow</td> <td>Fellow</td> <td>Summer 2017</td> </tr> </table> 

Answer 2

p元素用於段落。 您的示例絕對不是段落，因此您需要使用其他元素來組合它。

有幾種方法可以做你的要求。 其中一種方法是：

 .grid { display:grid; grid-template-columns: 50% 25% 25%; } 

 <div class="grid"> <div>McNair Scholar</div><div>Member</div><div>Spring 2017-Present</div> <div>Code2040 Fellow</div><div>Fellow</div><div>Summer 2017</div> </div> 

Answer 3

將文本夾在<pre></pre>標記中並正常包含空格/縮進。

 <pre>McNair Scholar Member Spring 2017-Present</pre> <pre>Code2040 Fellow Fellow Summer 2017</pre> 

Answer 4

試試white-space:pre-wrap;

 p { white-space:pre-wrap; } 

 <p>ab c</p>