如何在 html/css 中对齐文本

【问题标题】：How to align text in html/css如何在 html/css 中对齐文本
【发布时间】：2016-02-10 00:29:06
【问题描述】：

大家好，我是 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>

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

【问题讨论】：

在这种情况下，table
mm 它在整个 html 中更像是一个页脚，所以我不知道表格是如何工作的
这是表格数据（至少看起来像）...使用表格。
可能重复：stackoverflow.com/questions/5703552/…

标签： html css alignment

【解决方案1】：

你可以试试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>

【讨论】：

我试过了，它把页面的其余部分弄乱了......不知道为什么，但感谢您的输入！
jumbled 是什么意思？
页面上的其他所有内容都相互重叠，没有任何内容了
效果更好，但表格看起来有点奇怪，但我想如果我看一下其他 CSS 就可以修复它
抱歉，这个表仍然给我和以前一样的问题......如果有帮助，整个事情都围绕着一个“拉右”类？