テーブルのインラインスタイルをCSSで定義されたスタイルに変更したいときに、奇妙な問題が発生します。私の目標は、この表をページの左側に揃えることです。
正しく左揃え:HTML:
<table class="box-table" style="margin-left: 0px">
<tr>
<td>table content</td>
</tr>
</table>
CSS:
table.box-table
{
width: auto;
text-align: left;
}
左揃えになりません(ページの中央に揃えられます)HTML:
<table class="box-table">
<tr>
<td>table content</td>
</tr>
</table>
CSS:
table.box-table
{
width: auto;
text-align: left;
margin-left: 0px;
}
私が行った唯一の変更は、margin-left-propertyをHTML-からCSS-codeに移動することでした。なぜtisが起こるのか考えていますか?