0

メインdivの静的幅を300pxにします。ただし、ユーザーがWordプログラムからテキストをコピーして貼り付ける場合は、テーブルの幅を変更し、divからテキストをオーバーフローさせます。しかし、私のサイトの幅は最大300pxでなければなりません。どうすればこの問題を解決できますか？

<html>
<head>
<style>
#main td{
max-width:300px;
}

#main table{
max-width:300px;
}

</style>
</head>

<body>
<div id="main">
<table width="700" border="1">
<tr>
<td width="800"><p width="900">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</td>
</tr>

<tr>
<td width="800"><p with="900">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p></td>
</tr>
</table>
</div>
</body>
</html>
4

2 に答える 2

0

変化する

#main table{
max-width:300px;
}

に

#main *{
max-width:300px;
}

そうすれば、TD、imgなどのサイズは変わりません。また、divで使用overflow-x:hiddenして、#main大きすぎて収まらないコンテンツを非表示にすることもできます。

于 2012-10-12T10:57:40.747 に答える
0

不要なインラインスタイルを削除するために、Wordテキストに対して何らかの衛生管理を行うことをお勧めします。とにかく、あなたは常に単語からウェブに来るテキストを消毒するべきです。tinyIMCEなどを使用できます。そうすれば、何をコピーするかを心配する必要がなく、常にCSSに従います。

于 2012-10-12T11:40:40.383 に答える