1

I've just started playing with html and css and basically I've been learning everything from all the posts here but right now I'm stuck with something I cant seem to figure out how to do through research and decided to post a question for help.

I'm customising a simple portfolio style theme on tumblr, my question is regarding the text caption on the right of the picture

http://www.alvaserigrafia.pt/post/34608701054

I can only get the 3 text lines to display on a single block and I want each one of the lines to have its own block with proportional width. Can this be done with just html and css?

Thanks in advance!

4

2 に答える 2

1

ここで、Firebug（Firefox拡張機能）、またはお気に入りのブラウザーの開発者ツールが役に立ちます。<p>問題のテキスト要素を調べると、それぞれがタグで囲まれていることがわかります。

タグはブロックレベルの要素です。つまり、<p>タグは親の幅全体を自動的に占有します。それはまた、テキストの段落に推奨されるものでもあります。

于 2012-11-09T14:18:01.683 に答える
0

各行はp要素で囲まれています。ブロック レベル要素は、通常、親コンテナーの幅全体を埋めます。それが「ブロック」要素である理由です。

コンテンツとともに縮小するものを取得するには、テキストを次のようにラップしますspan。

<p><span>text</span></p>

はspan、内部のテキストと同じ大きさになります。

于 2012-11-09T14:21:03.333 に答える