Как я должен стилизовать абсолютный PHP-код, состоящий из операторов echo?

#php #html #css

#php #HTML #css

Вопрос:

У меня есть этот фрагмент PHP-кода в файле с именем receipt.php :

 <?php
echo $_POST['desc'] . '<br><br>';

echo 'Transaction ID : ' . $_POST['txnid'] . '<br>';
echo 'Date : ' . $_POST['date'] . '<br>';
echo 'Status : ' . $_POST['fcode'] . '<br>';
echo 'Amount : INR ' . $_POST['amount'] . '<br>';
echo 'Name : ' . $_POST['name'] . '<br>';
echo 'Email ID : ' . $_POST['email'] . '<br>';
echo 'Mobile No. : ' . $_POST['mobile'] . '<br>';
echo 'City : ' . $_POST['city'] . '<br>';
?>

Очевидно, что код просто печатает все это в углу пустой страницы. Вот как это примерно выглядит в браузере:

Я просто хочу выровнять все это по центру страницы (по центру как сверху, так и снизу и слева направо), и поскольку текст не выглядит однородным, я хочу убедиться, что обе стороны выглядят так, как будто они имеют одинаковую ширину.

Итак, чтобы добавить стили, мне нужно преобразовать / перенести весь мой код из моего абсолютного PHP-файла ( receipt.php ) в новый HTML-файл ( receipt.html ), затем написать PHP-код в PHP tags amp; style-up с использованием CSS? Или есть какой-нибудь способ сделать это в самом PHP?

Я видел здесь темы и статьи, в которых показано, как стилизовать операторы echo, но, похоже, они не работают для меня 😐

1. Echo ‘<pre>’ в первой строке. Echo ‘</pre>’ в последней строке. Это придаст надлежащий стиль. Однако, если вы хотите настроить его больше, вам нужен CSS

2. Поэтому я думаю, что я должен придерживаться опции CSS. Нужно ли мне перекодировать все это в тегах <PHP> в новом HTML-файле, чтобы добавить немного CSS?

3. если вы хотите выровнять свой текстовый элемент, вы можете использовать

4. Почему бы не использовать a <table> ?

5. Таблица будет содержать столбцы. Подумайте о электронной таблице, подобной Excel.

Ответ №1:

Почему бы не использовать a <table> ? Вы также можете использовать сопоставление для элегантного вывода.

 $map = [
    'txnid' => 'Transaction ID',
    'date' => 'Date',
    'fcode' => 'Status',
    'amount' => 'Amount : INR',
    'name' => 'Name',
    'email' => 'Email ID',
    'mobile' => 'Mobile No.',
    'city' => 'City'
];

echo '<table>', PHP_EOL;
foreach($map as $key => $description) {
    $value = htmlentities($_POST[$key] ?? 'n/a');
    echo "<tr><td>$description</td><td>$value</td></tr>", PHP_EOL;
}
echo '</table>', PHP_EOL;

Ответ №2:

Просто добавьте html-теги в свой php-файл следующим образом

 <!DOCTYPE html>
<html lang="en">
<head>
  <title>Title of the document</title>
</head>
<style>
Your styles here...
</style>
<body>

<?php
echo $_POST['desc'] . '<br><br>';

echo 'Transaction ID : ' . $_POST['txnid'] . '<br>';
echo 'Date : ' . $_POST['date'] . '<br>';
echo 'Status : ' . $_POST['fcode'] . '<br>';
echo 'Amount : INR ' . $_POST['amount'] . '<br>';
echo 'Name : ' . $_POST['name'] . '<br>';
echo 'Email ID : ' . $_POST['email'] . '<br>';
echo 'Mobile No. : ' . $_POST['mobile'] . '<br>';
echo 'City : ' . $_POST['city'] . '<br>';
?>

</body>
</html>

Затем вы можете добавлять классы элементов и стилизовать его по своему усмотрению

1. Спасибо @kaize! Кроме того, все будет в порядке, если я скопирую и вставлю этот мой receipt.php файл? Или новый HTML-файл?

2. Вы можете добавить это непосредственно в свой php-файл, не требуя HTML