HTML CSSを使ったPDF出力画面のレイアウトが一部反映されない

Question

HTML CSSを使ってPDF出力画面のレイアウトを作っています。

基本レイアウトができましたが、
word-break: break-all;　だけが適用されず、調べても解決できないため知恵をお貸しいただけると幸いでです。

試したこと
・PDF出力なしで、HTMLのページに同じ記述をしたところテーブルのセルの中で折り返しを確認できた
・CSSの適用先を確認するために、下の「color: red;」を記述し、tbody内3番目の内容だけが赤文字になることを確認

困っていること
・word-break: break-all;を、生成したPDFの表に適用できない

ご存じの方いましたら、ご指摘やアドバイス頂けますでしょうか。
宜しくお願いいたします。

<style>
    tbody tr td:nth-child(3) {
        word-break: break-all;
        color: red;
   }
<style>

～～略
<table>
	<thead>
	    <tr>
	        <th style="width: 5%;">No.</th>
	        <th style="width: 19%;">題名</th>
	        <th style="width: 49%;">内容</th>
	        <th style="width: 10%;">評価</th>
	        <th style="width: 17%">補足</th>
	    </tr>
	</thead>
	<tbody>
	    <tr>
	        <td>No1</td>
	        <td>タイトル</td>
	        <td>内容（ここに内容が入りますここに内容が入りますここに内容が入りますここに内容が入りますここに内容が入りますここに内容が入りますここに内容が入ります）</td>
	        <td>評価5</td>
	        <td>補足なし</td>
	    </tr>
	</tbody>
</table>
～～略

Comments

[PlugOut777]

掲示された内容では、事象を再現できませんでした。
PDFの出力はどのように行なっているのですか？

[seastar]

Laravel(8.19.0)でlaravel-mpdfをインストールし、
use PDF;
$pdf = PDF::loadView('質問に載せたbladeファイルパス', $data);
で出力しています。

[PlugOut777]

もしかしてこちらの事象と似た事象じゃないですかね？
（laravel-mpdfには明るくなくてすみません）
https://info.yama-lab.com/dompdf%E3%81%A7-word-wrapword-break%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%8F%E3%81%A6%E5%9B%B0%E3%81%A3%E3%81%9F%E4%BB%B6%E3%80%82/

[seastar]

ありがとうございます。
まさに添付いただいたリンクの現象でした！
table-layout: fixedで解決することができました。
ずっと解決できなかったので本当に助かりました。

[PlugOut777]

解決してよかったです。
この質問は自己解決に更新して処理していただければ！

[seastar]

早急で的確なアドバイスと回答、ありがとうございました！
わかりました。この質問は解決済みにさせていただきます。

Answer 1

table style="table-layout: fixed" を使って解決。
以下リンクに現象と解決策が載ってます。
https://info.yama-lab.com/dompdf%E3%81%A7-word-wrapword-break%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%8F%E3%81%A6%E5%9B%B0%E3%81%A3%E3%81%9F%E4%BB%B6%E3%80%82/

PlugOut777様の助言で解決できました。