4

私は他の質問を見てきましたが、それらはすべて、左揃えのテキストのブログを中央に配置することに関するものです. 私が苦労しているのは、テキストを中央に配置し、特定の幅に揃えることです。

下の画像は、私が Photoshop でデザインしたものを切り取ったものです。このようなコードを書きたいと思っています。

これは、CSS コードの現在のブロックです。

#body-container .intro p {
    top: 20px;
    width: 80%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 32px;
    text-align: justify;
}

任意の提案、どうもありがとうございました! :)

4

3 に答える 3

4

これは実験的なものであり、firefox と Explorer でのみ機能するように見えるため、実際の解決策ではありません。

-moz-text-align-last: center;
text-align-last: center;

参照: https://developer.mozilla.org/es/docs/CSS/text-align-last

于 2013-02-20T10:04:18.637 に答える
0

コメントの質問を誤解して申し訳ありません。

段落の内容は動的ですか、それとも固定ですか?

修正された場合は、最後の行を span タグで囲むことができます。

span {
    text-align: center;
    display: block;
    width: 100%
}

フィドルを更新しました: http://jsfiddle.net/FuvHt/7

于 2013-02-21T10:53:34.213 に答える
0

現時点で信頼できる唯一の方法は、テキストを画像として切り取ることです。

サイトが応答しない場合は<br />、そこにタグを<span>挿入し、最後の行で折り返して、そのテキストを中央揃えにすることができます。

text-align-lastcss プロパティがより広く採用されることを本当に楽しみにしています。

于 2013-12-12T03:04:09.770 に答える