ホームページ > 記事 > ウェブフロントエンド > なぜ中国語の文字を右揃えにできないのか_html/css_WEB-ITnose
コードは次のとおりです。
<table style="width:100%; border-collapse:collapse; border:1px solid rgb(220,220,220);"> <tr style="height:30px; width:100%;"> <td style="width:100px; text-align:right;"> 物品名称: </td> <td style="text-align:left; width:300px;"> <input id="productName" name="productName" type="text" maxLength="30" value="${productName}" class="input_2"/> </td> </tr> </table>
<td style="width:100px; text-align:right;"> 物品名称: </td>
これは右側です
<td style="text-align:left; width:300px;"> <input id="productName" name="productName" type="text" maxLength="30" value="${productName}" class="input_2"/> </td>
<html><table style="width:500px; border-collapse:collapse; border:1px solid rgb(220,220,220);"> <tr style="height:30px; width:100%;"> <td style="width:200px; text-align:right;"> 物品名称: </td> <td style="text-align:left; width:300px;"> <input id="productName" name="productName" type="text" maxLength="30" value="${productName}" class="input_2"/> </td> </tr> </table></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <table style="width:100%; border-collapse:collapse; border:1px solid rgb(220,220,220);"> <tr style="height:30px; width:100%;"> <td width="100px" align="right"> 物品名称: </td> <td align="left" width="300px"> <input id="productName" name="productName" type="text" maxLength="30" value="${productName}" class="input_2"/> </td> </tr> </table></html>
Chromeブラウザの使用を推奨しますデバッグ用に、td を表示します。他のスタイルを設定するかどうか、
Chrome で設定することもできます。インスタント プレビュー用にスタイルを変更すると便利です。