2016-11-09 57 views
0

有没有办法可以有<div>,并且当文本在里面时,它的格式就像它一样?HTML如何用div显示?

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

+0

我试了一下,但它只是把所有内容放在一行中。我截取了它的一个截图并放在原始文章中。在我接受答案之前请先看一看。预先感谢你 – Walter

+0

你可以看到我的答案中的代码片段产生了正确的结果。如果你得到的东西不同于它可能是由于我的环境中的其他东西,我不知道 – chiliNUT