HTML/PHP - 在字符上对齐文本答案

【问题标题】：HTML/PHP - Align text on characterHTML/PHP - 在字符上对齐文本
【发布时间】：2016-04-23 05:25:45
【问题描述】：

我有一个从 SQLITE 数据库打印字符串的网页。有两个价值观，问题和答案。我要做的是对齐分隔符“=”上的字符串。

目前的结果：

a = b
hello = Hello.
bey = Bye.

我想要什么：

a     = b
hello = Hello.
bye   = Bye.

这在 PHP/HTML 中可行吗？如果是这样，我将如何继续这样做？非常感谢您的回答！

【问题讨论】：

使用 HTML 表格。
在 html 中，您必须将行分成三个部分并对齐。 php 可以填充内容，因此第一个块中有额外的空格，但是你必须在 <pre> 块中显示填充文本或使用单空间字体，当然使用 &nbsp;，因为重复标准空间将被折叠成一个。

标签： html css alignment

【解决方案1】：

这里是：

<!DOCTYPE html>
<html>

  <head>
    <title>HTML Tables</title>
  </head>

  <body>
    <table border="0">
      <tr>
        <td>a </td>
        <td>= </td>
        <td>b</td>
      </tr>
      <tr>
        <td>hello </td>
        <td>=</td>
        <td>Hello</td>
      </tr>
      <tr>
        <td>bye </td>
        <td>=</td>
        <td>Bye.</td>
      </tr>
    </table>
  </body>

</html>

演示：

https://jsfiddle.net/ismaakeel/9ujawg2u/4/

【讨论】：

【解决方案2】：

是的，亲爱的，

有可能

首先你创建表 3 * 3

并将数据插入行

并隐藏表格边框，

那么你很容易得到你想要的

【讨论】：

【解决方案3】：

<table>
 <tr>
   <td>a</td>
   <td>=</td>
   <td>b</td>
</tr>

 <tr>
   <td>hello</td>
   <td>=</td>
   <td>hello</td>
</tr>

 <tr>
   <td>bye</td>
   <td>=</td>
   <td>bye</td>
</tr>
</table>

【讨论】：

【解决方案4】：

如果您真的想打印纯文本、固定宽度的文本而不是 HTML 表格，那么您必须先从数据库中提取所有值，然后循环遍历它们以确定要打印多少个空格在每一行的= 之前添加。

首先循环遍历每个 L 值标识符以获得最长长度，然后执行输出循环，在其中添加正确数量的空格（最大长度减去当前长度）。

【讨论】：