php - HTML 文本区域对齐

Question

假设我有一个填充了以下文本的文本区域

employee/company/salary

john/microsoft/12.000

michael/citrusdata/15.000

如何垂直对齐每一列，以便获得以下文本:

employee__________company__________salary

john______________microsoft__________12.000

michael___________citrusdata__________15.000

在这个例子中，我使用下划线来指定空格，想写一个简单的函数，比如 nl2br() 来用一个或多个制表符替换'/'，但这不是一个一致的解决方案，猜测我需要逐行阅读文本并考虑到每个单词的长度，我需要用足够的空格替换“/”但不知道如何编码，还有其他方法吗？

Answer 1

我想你会在文本区域本身之外输出文本区域内容，否则你将需要使用 js 替代方案。我的回答使用 php :)所以，你可以使用 sprintf function允许向左或向右填充。

只需拆分您的内容以获得行数组

$lines = explode("\n", $content);

注意最后一个空条目(如果您的内容以\n 结尾)

然后

foreach($lines as $line) {
    $items = explode("/", $line) ;
    echo sprintf("%-15s%-15s%-15s", $items[0], $items[1], $items[2]) . "<br/>";
}

"%-15"告诉我们用 15 个空格向左填充。它在控制台上工作，但在网页回显之前你必须 nl2br 它!

这是示例，因此您必须添加错误测试(例如只有一个/的行)。