8

CSSまたはJQuery（CSSを推奨）を使用して、

コンテンツを中央に配置したdiv（幅100％）を取得し、左に折り返されるコンテンツを揃えることはできますか？

ブラウザの中央に配置された一連のアイコンを想像してみてください。ブラウザの幅を狭くすると、2行目の中央に折り返しのアイコンが表示されるのではなく、左揃えになります。

投稿する前にここで検索してみましたが、私の質問に完全に一致するものが見つかりませんでした。

アップデート：

word-wrap: pre-wrap;@Explosion Pillsはそれを解決しましたが、外部に追加することでIEとChrome以外のブラウザーに対応する更新されたJSFiddleがあります：http div：//jsfiddle.net/etY4r/2/

4

2 に答える 2

10

これはCSSだけで（そして非常に簡単に）行うことができます。外側のdivは次のようにtext-align: centerなり、内側のdiv（アイコンを含む）text-align: leftはdisplay: inline-block次のようになります。

http://jsfiddle.net/ExplosionPIlls/etY4r/

要素はdiv全体のコンテキストで中央inline-blockに配置されますが、ウィンドウサイズを十分に小さくすると、要素は内側の要素自体の内側に折り返され、左に配置されます。

于 2013-01-31T23:34:35.293 に答える
3 
 $('.class').css('css property','alignment');

例：

$(document).ready(function(){
   $('.myClass').css('text-align','left');
   $('.myClass2').css('text-align','center');
   $('.myClass3').css('text-align','right');
});

.css（）は、この形式の任意のcssプロパティで機能します：D

于 2015-02-12T14:46:48.247 に答える