HTML Выравнивание текстовое поле

Question

Пусть я текстовое поле заполняется следующим текстом

сотрудника/компании/зарплата

джон/Microsoft/12.000

Майкла/citrusdata/15,000

Как могу ли выровнять каждую колонку по вертикали, чтобы получить следующий текст:

employee__________company__________salary

джон ______________ Microsoft __________ 12,000

майкл ___________ citrusdata __________ 15,000

В этом примере я использовал подчёркивания указать пробельные, думал написать простую функцию, как nl2br() заменить '/' с одним или многие символы табуляции, но это не будет согласованным решением, думаю, мне нужно читать текст за строкой и рассматривать длину каждого слова, мне нужно заменить '/' на достаточное количество пробелов, но у меня нет никакого идеала как его кодировать, есть ли другой способ?

Answer 1

Я предполагаю, что вы выведете контент textarea вне самого текстового поля, иначе вам нужно будет использовать js-альтернативу. Мой ответ использует php :) Итак, вы можете использовать sprintf function, который позволяет оставлять левую или правую прокладку.

Просто разделить ваше содержание, чтобы получить массив строк

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

Заботиться о возможной пустой последней записи (если содержание заканчиваются \ п)

Тогда

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

«% -15» указывает левой панели с 15 пустым пространством. Он работает на консоли, но вы должны nl2br его перед эхом в веб-страницах!

Это образец, поэтому вам нужно добавить тестирование ошибок (строки только с одним/например).

Answer 2

Вы должны указать ширину каждого столбца, как 50 символов для каждой или любой желаемой ширины. скажем, $COLUMN_WIDTH = 100; найти длину значения столбца (строки), чем вычесть его из фиксированной длины, например $COUNT_SPACES_TO_INSERT = $COLUMN_WIDTH - strlen($COLUMN_STR); Чем вставить $ COUNT_SPACES_TO_INSERT количество пробелов, это решит вашу проблему.