0

私がやりたいことは、Web デザインで最も一般的なことである、div を中央に配置することだけです。しかし、どういうわけか、これは私が今まで参加した中で最も過酷な試みであることが判明しています.私のインラインスタイルはとても...

<div class="span10" id="about-div" style="margin: 0 auto; clear:both;">
  content
</div>

<div class="span10" id="other-div" style="margin: 0 auto; clear:both;">
  content
</div>

それでおしまい。それはうまくいくはずですが、どういうわけか明確です。どちらもセンタリングを台無しにします。これを省略すると、div が自動的に同じ行に表示されるため、clear:both が必要です。これを修正するにはどうすればよいですか? ところで、span10 はブートストラップ クラスであり、div の幅は約 720px です。

4

3 に答える 3

3

divが互いに並んで表示されるようにするために（そしてTwitterブートストラップに関する私の知識に基づいて）、divがフロートしている可能性があります。この場合、センタリングは非常に厄介になります。フロートとセンタリングは混ざりません。（両方のdivを非フローティングに戻したいと思われる場合）最善の策は、次のことを行うことです。

<div class="span10" id="about-div" style="margin: 0 auto; float:none;">
  content
</div>

<div class="span10" id="other-div" style="margin: 0 auto; float:none;">
  content
</div>
于 2013-03-18T22:43:52.567 に答える
1

単なる考えですが、試してみてください

position:absolute; left:50%; margin-left:-360px;}
于 2013-03-18T22:33:29.963 に答える
0

</br>各行の最後に使用しないのはなぜですか? これにより、フロートをいじることなくブレークが発生します。

于 2013-03-18T22:34:41.003 に答える