ホームページ >ウェブフロントエンド >htmlチュートリアル >2 つの div を並べて作成する方法_html/css_WEB-ITnose
2 つの div を並べて作成する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:37:021298ブラウズ
ヘルプ: width:65px;folat:left; を使用しましたが、死亡の問題以外には役に立ちません
<style type="text/css"> *{ margin:0px; padding:0px; } body{ padding-top:10px; } .main2{ width:65px; folat:left; } .main{ width:90px; /*height:80px;*/ margin:0 auto; /*background:#333;*/ font-size:8px; font-family:"微软雅黑"; text-align:left; folat:left; } .two .t_left,.two .t_right{ display:inline-block; } .two .t_left{ margin-right:8px; } .two .t_right{ margin-left:8px; }</style><script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> var sprint=window.opener.document.getElementById("printInfo"); document.write(sprint.innerHTML); printPage(); window.print(); function printPage(){ var show=""; var $tr=$(".content"); //返回行数组 for(var i=0;i<$tr.length;i++){ show=show+'<div><div class="main"><div class="one">1</div><div class="two"><span class="t_left">2.1</span><span class="t_right">2.2</span></div><div class="three">3</div></div><div class="main2"><img src="/../../dgAMS/images/ewm.jpg" /></div></div>'; } document.write(show); }</script></head><body></body> <script type="text/javascript"></script> 効果は次のとおりです
への返信ディスカッション (解決済みの計画)
長い間読んでいて、タイプミスがあることに気づきませんでしたか?フォラトではなくフロートです！
以上です
さて、すべてが横並びで、その解決方法です
さて、すべてが横並びで、それを解決する方法です
それで、どのような効果が欲しいですか？ 2つ並んでるだけ？それらを 2 つ並べて配置する場合は、外側のレイヤーに div を追加し、幅を 3 つの幅を超えない限り、1 つの幅の 2 倍か、それより少し多めに設定するだけです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。