<p>要素のアンカー テキスト内のテキストを切り詰めようとしています。アンカー タグのスタイルに <code>overflow:hidden;text-overflow:ellipsis;</code> を追加しましたが、それでも折り返されます。ここには、実行可能な HTML がいくつかあります。
<p><br /></p>
<pre class="brush:html;toolbar:false;"> <html lang="ja"
xmlns="http://www.w3.org/1999/xhtml">
<頭>
<title>テスト テスト 123</title>
</head>
<本体>
<div style="width: 100%;padding-top: 1px;">
<div class="コンテンツ本体"
style="表示: ブロック; 幅: 512px;">
<table style="width:50%; border-collapse: crash; margin-left: auto; margin-right: auto;">
<みんな>
<tr style="justify-content:center;align-items:center;gap:56px;color:#848585">
<th style="padding-top:8px;padding-bottom: 10px; font-style:normal;font-weight:500;line-height:16px;letter-spacing:0.1px;text-align:left;width :25%>A列</th>
<th style="padding-top:8px;padding-bottom: 10px; font-style:normal;font-weight:500;line-height:16px;letter-spacing:0.1px;text-align:left;width :25%>B列</th>
</tr>
<tr>
<td 行スパン = "3"
style="width:25%;padding-top:8px;padding-bottom:8px;text-align:left;font-size:14px;font-style:normal;font-weight:500;line-height:16px;文字間隔:0.1px;">エントリ A</td>
<td style="padding-top:8px;padding-bottom:8px; text-align:left;font-size:14px;font-style:normal;font-weight:400;line-height:16px;letter-間隔:0.1px;テキスト装飾行:下線;">
<a style="color:#E25323; オーバーフロー: 非表示; テキスト オーバーフロー: 省略記号; 幅: 50 ピクセル;"
href="https://localhost">ABC123ABC-ABC123ABC`</a>
</td>
</tr>
</tbody>
</テーブル>
</div>
</div>
</div>
</ボディ>
</html></pre>
<p><br /></p>
<p> アンカー タグ テキストの幅 50 ピクセルが気に入らないようです。列幅が問題になっていると思います。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ラップしたくない場合は、
コードは次のとおりです:white-space:nowrap;を追加できます。
widthを設定する場合は、50 pxではなく50pxに設定します (スペースは使用できません)。width
を有効にしたい場合は、display:inline-blockを使用するなどして、<a>をブロックレベルの要素に設定します。