如何对齐HTML/CSS文本

大家好进出口新的HTML/CSS，并想知道如何才能让类似如何对齐HTML/CSS文本

N_git_commit: 122e1 DC_git_commit: 1231 
N_uptime:2190384987128421 DC_uptime: 2193821042141

到

N_git_commit: 122e1  DC_git_commit: 1231 
N_uptime:2190384987128421 DC_uptime: 2193821042141enter code here

目前，我有它设置，使每行正在一个DIV 如

<div> 
    <span> N_git_commit:201213 </span> 
    <span> DC_git_commit:1231 </span> 
</div>

等等任何帮助将不胜感激！

来源

2016-02-09 Nighthee

在这种情况下，'table'其更在整个HTML页脚的 –

毫米，所以我不知道表是如何工作的 – Nighthee

它是表格数据（至少看起来像它）...使用表格。 –

您可以尝试CSS Tables

.random-table { 
 
    display: table; 
 
    border: 1px solid black; 
 
} 
 

 
.random-row { 
 
    display: table-row; 
 
} 
 

 
.random-row span { 
 
    display: table-cell; 
 
    padding: 5px; 
 
} 
 

 
.random-row > span:first-child { 
 
    background: #EEEEEE; 
 
}

<div class="random-table"> 
 
    <div class="random-row"> 
 
    <span> N_git_commit:201213 </span> 
 
    <span> DC_git_commit:1231 </span> 
 
    </div> 
 
    <div class="random-row"> 
 
    <span> N_uptime:2190384987128421 </span> 
 
    <span> DC_uptime: 2193821042141enter </span> 
 
    </div> 
 
</div>

来源

2016-02-09 16:13:37

我试过了，它混乱了页面的其余部分...不知道为什么，但感谢您的输入！ – Nighthee

“混乱”是什么意思？ –

页面上的其他所有内容都相互重叠，没有任何东西已到位 – Nighthee

如何对齐HTML/CSS文本

回答

相关问题