1. 首頁
  2. 問答
  3. HTML如何用div顯示？

HTML如何用div顯示？

2016-11-09 65 views
0

有沒有辦法可以有<div>，並且當文本在裏面時，它的格式就像它一樣？HTML如何用div顯示？

來源

2016-11-09 Walter

+0

您可以使用CSS Flexbox的做到這一點。 https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties或者你可以使用HTML表格http://www.w3schools.com/html/html_tables.asp – Jessica

+0

@Jessica對不起，但可以你展示了一個我爲澄清提供的例子嗎？所以我也可以接受答案。 – Walter

回答

1

你應該可以用div和white-space預包裝來做到這一點。您可能忘記設置font-family:monospace;以保留字母間距。

div.pre{ 
 
    white-space:pre-wrap; 
 
    font-family:monospace; 
 
    }
<div class="pre"> 
 
       Convention 21423 ABC 
 
    ROOM  NAME  PPL ATTEND  OUT  
 
    2252857 YELLOW_ROOM 589  30%  50% 
 
</div>

來源

2016-11-09 23:42:57 chiliNUT

+0

我試了一下，但它只是把所有內容放在一行中。我截取了它的一個截圖並放在原始文章中。在我接受答案之前請先看一看。預先感謝你 – Walter

+0

你可以看到我的答案中的代碼片段產生了正確的結果。如果你得到的東西不同於它可能是由於我的環境中的其他東西，我不知道 – chiliNUT

相關問題

 相關問題