Я пытаюсь установить длину границы всех моих эхо-операторов, чтобы они были одинаковой длины. Прямо сейчас они достигают конца экрана, чего я не хочу. Я делаю это в операторе эха, используя встроенный стиль для каждого оператора. Спасибо
Код:
echo "<p><b>Your feedback request has been added into our system!</b></p>";
echo "<p><b>Your feedback request is as follows:</b></p>";
echo "<p style='border: 3px green ridge;'><b><u>Forename:</u></b> $forename <b><u>Surname:</u></b> $surname</p>";
echo "<p style='border: 3px green ridge;'><b><u>Postal Address:</u></b> $postalAddress</p>";
echo "<p style='border: 3px green ridge;'><b><u>Landline Tel No:</u></b> $landLineTelNo</p>";
echo "<p style='border: 3px green ridge;'><b><u>Mobile Tel No:</u></b> $mobileTelNo</p>";
echo "<p style='border: 3px green ridge;'><b><u>Email:</u></b> $email</p>";
echo "<p style='border: 3px green ridge;'><b><u>Send Method:</u></b> $sendMethod</p>";
echo "<p style='border: 3px green ridge;'><b><u>Category of Info:</u></b> $catID</p>";
// header('FeedbackRequest.html');
// exit;
}
Немного дополнительной информации было бы полезно. Спасибо
сначала попробуйте использовать таблицу, а затем напишите, что вы пробовали
Боковое примечание: не повторяйте HTML
как еще я должен стилизовать эхо-операторы?
Использование встроенных стилей: добавьте width
к каждому определению, это должно сделать ~ хотя использование переменной позволяет изменить это намного быстрее, поскольку вы изменяете его один раз... вроде как css '-)
$style='border: 3px green ridge; display:inline-block; width:100%';
/* an alternative */
# $style='border:3px green inset; display:block; width:calc( calc( 100% - 6px ) - 1rem ); float:none; padding:0.5rem; margin: 1rem auto;';
echo "<p><b>Your feedback request has been added into our system!</b></p>";
echo "<p><b>Your feedback request is as follows:</b></p>";
echo "<p style='{$style}'><b><u>Forename:</u></b> $forename <b><u>Surname:</u></b> $surname</p>";
echo "<p style='{$style}'><b><u>Postal Address:</u></b> $postalAddress</p>";
echo "<p style='{$style}'><b><u>Landline Tel No:</u></b> $landLineTelNo</p>";
echo "<p style='{$style}'><b><u>Mobile Tel No:</u></b> $mobileTelNo</p>";
echo "<p style='{$style}'><b><u>Email:</u></b> $email</p>";
echo "<p style='{$style}'><b><u>Send Method:</u></b> $sendMethod</p>";
echo "<p style='{$style}'><b><u>Category of Info:</u></b> $catID</p>";
кстати, я не уверен, что есть пограничная собственность ridge
Я получил это отсюда, связь, не уверен, что это законно. Спасибо за переменный совет, это огромная экономия времени.
div {
width: auto;
display: inline-block;
}
div > p {
border: 3px solid red;
width: 100%;
}
<div>
<p>
sasasasasasa
</p>
<p>
sasssssssssssssssssssssssssss
</p>
<p>
sasasas
</p>
</div>
Попробуйте это!
попробовать использовать таблицу?