我的任务是从提示符中获取值,并将它们放在图片中,但我真的不明白如何使所有内容处于同一水平,例如,使“|“总是在加号下面,不注意单词的长度。
我的结果:
var arr = []
for (var i = 0; i >= 0; i++) {
var input = prompt('Enter any value (enter end to complete the operation) ');
if (input === 'end') break;
arr[i] = input;
}
console.log(arr)
for (var i = 0; i < arr.length; i++) {
console.log(`+-----------------+---------------------+ \n| ${arr[i]} |`)
}
3条答案
按热度按时间yb3bgrhw1#
你可以这样做,但字体有可变的宽度,所以我不希望这工作100%。
例如,数字2比1宽,因此会发生以下情况:
ldfqzlk82#
让您调整“栏”间距和长度的替代方法。请选择所有字符都有相同长度的字型,这样才能正常运作。
yeotifhr3#
下面 的 解决 方案 将 在 每个 字符 串 的 每 边 添加 5 个 或 更多 的 空格 , 并 在 长度 相等 的 字符 串 中 添加 额外 的 空格 , 以 确保 垂直 边框 的 间距 均匀 。 只要 字体 是 等宽 字体 ( 这 是 控制 台 默认 设置 ) , 内容 将 完全 对齐 显示 。
注意 , 在 * * OP * * ( * * O * * riginal * * P * * ost ) 的 第 二 个 图像 中 , 每个 字符 串 都 在 它 自己 的 " 行 " 中 的 " 单元 格 " 中 , 而 OP 中 的 第 一 个 图像 显示 了 每个 " 行 " 上 它 自己 的 " 单元 格 " 中 的 2 个 字符 串 。 我 的 答案 与 前 一 个 一致 , 因为 OP 中 的 代码 也 是 如此 。
中 的 每 一 个
border
, 它 应该 容纳 数组 中 最 长 的 字符 串 加上 两边 的 5 个 空格 。格式
space
, 以便 值 根据 要 显示 的 当前 字符 串 而 更改 。格式
offset
格式
格式
格式