0

私はWebプロジェクトに取り組んでおり、ユーザーがテキストを入力できるポップアップボックスがあり、このテキストは編集可能なコンテンツの最後に追加され、テキストはスパンクラス内にあります。

幅を80％にし、テキストを折り返したいのですが、幅が無視され、テキストがすべてまとめられ、各行が重なっています。

以下はそれがどのように見えるかです。

Divが幅を設定しない

そして、以下はcssです。

font-style: italic;
background-color: #ababab;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
height: auto;
width: 80%;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

あなたが提供できるどんな助けにも感謝します

4

1 に答える 1

2

テキストがスパン内にある場合、デフォルトでインライン要素になります。インライン要素は、高さと幅のプロパティを尊重しません。ただし、インライン要素は行の高さを尊重し、このプロパティは重複の問題を修正します。

line-height: 20px;

要素が幅を尊重するようにするには、要素の表示をインライン ブロックまたはブロックに変更する必要があります。

display: inline-block;
display: block;
于 2012-11-08T19:25:33.770 に答える