2

ビデオコースの指示に従って、このhtmlファイルを作成しました。しかし、どういうわけか、CSS スタイル シートをいじっているにもかかわらず、セル サイズが適切に設定されていません。テーブルのコード スニペットは次のとおりです。

<table id="table1" cellspacing="40">
    <tr>
        <td><h3>Home</h3>"ksdjfkl;dajkfdl;sajfkldsjlsfl;saflklfas"<a href="about.html">more</a></td>
        <td><h3>About</h3>"dkfjakldfjdklsafjkldsjfvklzjvklz;cjv"<a href="about.html">more</a></td>
        <td><h3>Contact</h3>"jvkl;jkdlfjaklda;fjkdlsafjdlsfkd;"<a href="contact.html">more</a></td>
    </tr>
</table>

テーブルに関連するコード スニペットを次に示します。

#table1{
width: 750px;
height: 250px;
table-layout: fixed;
margin-left: 20px;
}

#table1 td{
text-align: left;
background: #d8d8d8;
font-size: 14px;
padding: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
}

#table1 h3{
text-align: center;
font-family: Pristina;
font-size: 20px;
}

これはページの結果です: インデックス ページのスクリーンショット

に設定を追加する必要があると感じています#table1 td{ ... }。しかし、 を追加width = somepixelsしても外観に問題があり#table1 td{ ... }ます。それを修正するためのあなたの推奨事項は何ですか？

前もって感謝します！

4

2 に答える 2

4

CSSword-wrapプロパティを使用:

#table1 td {
     word-wrap: break-word;
}
于 2012-04-22T23:20:22.320 に答える
0

文字列の分割に適用するロジックを定義します。あなたの質問のように、おそらく「ksdjfkl;dajkfdl;sajfkldsjlsfl;saflklfas」などは実際のデータではないため、どのロジックを適用する必要があるかを推測することは不可能です。しかし、それが実際の例、または暗号化されたコードである場合は、おそらくセミコロンの後に改行を許可する必要があります (のみ):

ksdjfkl;<wbr>dajkfdl;<wbr>sajfkldsjlsfl;<wbr>saflklfas

を使用するword-wrap: break-wordことはほとんど適切ではなく、英語やその他の西洋言語には適切ではありません。

特殊文字の後にブレークを許可するには、 を使用します<wbr>。自然言語の単語内でハイフネーションを使用できるようにするには、ソフト ハイフン (またはエンティティ参照 ) を使用し&shy;ます。

于 2012-04-23T05:06:12.977 に答える