ホームページ >ウェブフロントエンド >htmlチュートリアル >divタグ内にtrテーブルがありますが、CSSのスタイルを設定するにはどうすればよいでしょうか? _html/css_WEB-ITnose

divタグ内にtrテーブルがありますが、CSSのスタイルを設定するにはどうすればよいでしょうか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:11:441428ブラウズ

うわー
serverlist、serverinfo、servericon のスタイルを設定するにはどうすればよいですか? #subpage #serverlist{ } を使用しましたが、うまくいきませんでした。


ディスカッションに返信(解決策)

元のポスターテーブルタグが完成している必要があります。CSSを設定する前にタグを整理してください

元のポスターテーブルタグが完了している必要があり、CSSを設定する前にタグを整理してください
テーブルには ID が必要ですか?テーブルのIDがservertableであると仮定して、serverinfoとservericonのスタイルを設定するにはどうすればよいでしょうか?そして、テーブルはサーバーリストに影響を与えないはずです。


<div id="subpage">     <tr id="serverlist">       <table>        <tr class='serverinfo'>        <td class='servericon'>		        </td>        <td>               </td>        <td></td>        <tr>        <td></td>             <td>          </td>        <td>        </td>        </tr>        </table>        </tr>        </table>     </div>



そして、コードは読み書きしやすいように適切にインデントされています。

タグがネストされています

95d54e9583a1efd0ddcf23fbe223b888
e58a66d2bbae7595b107fa8e7353469c

ここの div のすぐ下に tr があるのはなぜですか?


HTML コード

fef50554eca1a427827adaa329da8122 100db36a723c770d327fc0aef2ce13b1
> lt;/title>

……
これで色は確かに設定できますが、位置はどうやって設定するのでしょうか?たとえば、左境界線との距離を 30px に設定した場合、margin-left を設定しても、padding-left を設定しても、機能しません

HTML タグを完了しないと、機能しません。 Web ページの構造を破壊します。 。 。

実際にコンテンツを保持するのは td であるため、td のスタイルを設定する必要があります。

実際にコンテンツを保持するのは td であるため、td のスタイルを設定する必要があります。
これに該当する場合:

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>			#subpage #serverlist{ color:red; }		</style>	</head>	<body>		<div id="subpage">			<table>				<tr id="serverlist">					<td>						<table>							<tr class='serverinfo'>								<td class='servericon'>								</td>								<td>								</td>								<td>123</td>							<tr>								<td>123</td>								<td>								</td>								<td>								</td>							</tr>						</table>					</td>				</tr>			</table>		</div>	</body></html>

クラスservericonのtd要素のmargin-leftを30pxに設定したいのですが、どうすればこれを実現できますか?

元の投稿者: margin は外側のマージン、padding は内側のパディングです

ここでのサーバーアイコンの左マージンの設定は、独自のパディングを設定するか、親 DOM td または table または div のパディングを設定することで実現できます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。