5

多くの重くて真面目な本、特に英国の由緒ある女王陛下の文房具局(HMSO) によって発行された本では、非常に多くの表が見られます。

多くの場合、列に数値データが含まれている場合、列の中央に配置されるだけでなく、数値の最後の桁が中央に配置されるエンティティになるように、その中心点に右揃えされます。このレイアウトは、おそらく HMSO スタイル ルールによって決定されます。

私はたまたま、第二次世界大戦の歴史 - 英国軍シリーズ - 海上戦争 1939-1945 - 第 1 巻 - 守備の336 ページを持っていて、そこに上記の説明に一致する表を見つけました。

昔ながらの活版印刷を使用したり、ホット メタルでさえも、完全に手作業で退屈ですが、比較的簡単です。

しかし、Microsoft Wordおよび/またはHTML/CSS、できれば両方で実行できるかどうかを知りたいです。

4

2 に答える 2

0

@casgageの回答を充実させる：同じテーブルの異なる行でこれを行おうとしている場合（つまり、値が同じ列の異なるセルにある場合）、.wrapクラスの最小幅の値を設定する必要があります。min-width は、すべてのラッピング コンテナーを同じサイズにする値である必要があります。他の回答の例を使用します。

.wrap {
    text-align: right;
    border: 2px dotted blue;
    display: inline-block;
    min-width: 150px;
}
.container {
    border: 2px solid red;
    text-align: center;
    min-width: 500px;
    padding: 5px;
}

<table>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 1 asddsa
            </div>
        </td>
    </tr>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 2 asdasdf
            </div>
        </td>
    </tr>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 3 asdfasdfasdf
            </div>
        </td>
    </tr>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 4 dsdf
            </div>
        </td>
    </tr>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 5
            </div>
        </td>
    </tr>
    <tr>
        <td className="container">
            <div className="wrap">
                Line 6 s
            </div>
        </td>
    </tr>
</table>
于 2019-12-09T19:39:38.823 に答える