0

だから私は、プロパティを使用してdiv内のテキストエリアを揃えようとしていましたpadding:

#content { 
    background: #FFFFFF;
    width: 80%;
    height: 800px;
    margin: 4em auto;
    padding: 20px;
    border-radius: 2px;
}

textarea {
    width: 100%;
    height: 790px;
}

しかし、それでも側面がでこぼこしているように見えます。

これは左右でムラがあります

側面が均一になるようにこれをどのように修正できるか疑問に思っていましたか？

ボーナス質問: テキストの量がボックスのサイズを超える場合、テキスト ボックスをスクロールできないようにするにはどうすればよいですか?

4

2 に答える 2

2

テキストエリアで境界線を「なし」に設定します。編集- パディングを 0 に設定

textarea {
    border: none;  /*optional */
    padding: 0;
    height: 790px;
    width: 100%;
}

スクロールバーを削除するには、overflow: hidden を追加します

textarea {
    border: none;
    height: 790px;
    overflow: hidden;
    width: 100%;
}
于 2013-04-29T23:46:43.890 に答える
1

スタイルを追加する前に必ずリセットしてください。各ブラウザには独自の「デフォルト」のセットが付属しているため、サイトがブラウザごとに異なる場合があります (また、問題などの不要なスペースが追加されます)。

このリンクを確認してくださいhttp://meyerweb.com/eric/tools/css/reset/

これをメイン スタイル シートの上部に配置するか、最初に読み込む外部として配置できます。

于 2013-04-29T23:31:50.633 に答える