CSS_html/css_WEB-ITnose に関する一般的な問題の概要

1. 枠線の問題

[枠線は点線]

border:1px dashed #ddd;

[枠線は実線]

 border:1px solid #ddd; 

[表中のTRは下線]

cssで以下の文を作成します

 .mytable{border-collapse: collapse;} 

【表のセルに途切れた境界線が表示されます】

<table cellspacing="0" cellpadding="0"></table>

2. フォーム部分の問題

[単一/チェック選択にテキストを追加する オプション情報]

<form>  <label for="male">Male</label>  <input type="radio" name="sex" id="male" />  <br />  <label for="female">Female</label>  <input type="checkbox" name="sex" id="female" /></form>

label タグを使用する場合の for 属性の値は、form 内の要素の id 属性の値に対応することに注意してください

3. テーブル部分の問題

【TDテキスト内配置の問題】

【TDテキストの垂直配置】

<td valign="top"></td>

オプションの属性値: 上中下ベースライン

【TDテキストの水平配置】

<td align="center"></td>

オプションの属性値: left right center justify

[tr で行の高さを設定する]

一部のコンテンツが非表示になるため、高さ属性の使用はお勧めしません

 line-height:15px; /*建议使用此属性*/

[ td の内容は空です]

埋めるにはスペース文字を使用してください:  
この方法では、コンテンツがない場合でも空白が埋められます

[表内の tr には下線が引かれています]

次のようにしますCSS のステートメント

 .mytable{border-collapse: collapse;}  tr{border:1px solid #ddd;}

4. 問題のスクロール バー部分

[スクロール バーを表示したくない] ...
[注:] このメソッドを使用する場合は、自動的に増加する高さにパディングとマージンが含まれていることを確認してください。そうでない場合は、垂直スクロール バーが引き続き表示されます

その場合、dom 内の要素 (高さ、マージン、パディングも考慮する必要があります) は考慮されないことに注意してください。親コンテナを超える 実際の高さ

[その後、上記のように水平方向にいくつかのパラメータを変更するだけです]

[スクロール バーを表示したい場合は、ブラウザの境界スクロール バーに表示されます]

 overflow:hidden;