Использование встроенного css с DomPDF и Laravel

У меня проблема с моим встроенным css. Итак, я пытаюсь добавить границу под данные, полученные из базы данных. Проблема в том, что визуализированные данные находятся под именем. Как я могу переместить нижнюю границу и визуализированные данные справа от слова «Имя»?

вот html код

<table style = "border:none;border-collapse: collapse;font-size:12px;text-align: left;">
<tr>
    <td colspan = "3"><b>I.  PERSONAL AND FAMILY DATA</b></td><td colspan = "2"><b>Date today</b> <u>{{ \Carbon\Carbon::parse($infomodel->date_last_updated)->format('m-d-Y') }}</u></td>
</tr>
<tr >
    <td colspan = "3"><b>Name </b><div style = "border-bottom:.7px solid black;height:15px;padding:0px;width:290px;overflow:hidden;">{!! $usermodel->last_name !!}, {!! $usermodel->first_name!!} {!! $usermodel->middle_name !!}.
      </div>
      </td>
    <td colspan = "2"><b>Sex </b><u>{!! $infomodel->gender !!}</u></td>
</tr>
<tr>
    <td colspan = "5"><b>Home Address </b><div  style = "border-bottom:.7px solid black;height:15px;padding:0px;width:450px;overflow:hidden;">{!! $infomodel->mailing_address !!}
        
        </div>
    </td>
</tr>
</table><br />

Вот вид в pdf

ты имеешь в виду встроенный?

— 30.01.2023 10:56

да, я отредактировал код в исходном формате, см. прикрепленное изображение для справки. Спасибо

— 30.01.2023 11:01

php html laravel dompdf

30.01.2023 10:52

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Распечатайте вывод в стилизованном элементе. И сделайте элемент встроенным элементом.

Пример: Измените это:

<td colspan = "3"><b>Name </b><div style = "border-bottom:.7px solid black;height:15px;padding:0px;width:290px;overflow:hidden;">{!! $usermodel->last_name !!}, {!! $usermodel->first_name!!} {!! $usermodel->middle_name !!}.
      </div>
      </td>

к этому:

<td colspan = "3"><b>Name </b>
    <div style = "display: inline; border-bottom:.7px solid black;height:15px;padding:0px;width:290px;overflow:hidden;">{!! $usermodel->last_name !!}, {!! $usermodel->first_name!!} {!! $usermodel->middle_name !!}.
    </div>
</td>

<table style = "border:none;border-collapse: collapse;font-size:12px;text-align: left;">
<tr>
    <td colspan = "3"><b>I.  PERSONAL AND FAMILY DATA</b></td><td colspan = "2"><b>Date today</b> <u>{{ \Carbon\Carbon::parse($infomodel->date_last_updated)->format('m-d-Y') }}</u></td>
</tr>
<tr >
    <td colspan = "3"><b>Name </b><div style = "display: inline; border-bottom:.7px solid black;height:10px;padding:0px;width:290px;overflow:hidden;">
    {!! $usermodel->last_name !!}, {!! $usermodel->first_name!!} {!! $usermodel->middle_name !!}.
      </div>
      </td>
    <td colspan = "2"><b>Sex </b><u>{!! $infomodel->gender !!}</u></td>
</tr>
<tr>
    <td colspan = "5"><b>Home Address </b>{!! $infomodel->mailing_address !!}
        <div  style = "border-bottom:.7px solid black;height:15px;padding:0px;width:450px;overflow:hidden;">
        </div>
    </td>
</tr>
</table><br />

мне действительно нужно использовать div, потому что мне нужно показать границу, так как есть много данных с пробелами, с которыми я работаю, действительно необходимо отображать нижнюю границу

— 30.01.2023 11:10

@CaptainCRAZY Нет проблем. Затем вы добавляете в стиль div это свойство css: display: inline; . Я обновил свой код в своем ответе.

— 30.01.2023 11:27

@CaptainCRAZY Добро пожаловать! Если это сработает, было бы неплохо, если бы вы могли принять этот ответ. Спасибо!

— 30.01.2023 12:03

30.01.2023 11:05