Heim >Web-Frontend >HTML-Tutorial >如何使两个div并排_html/css_WEB-ITnose
如何使两个div并排_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:37:021293Durchsuche
求助：用的是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" / alt="如何使两个div并排_html/css_WEB-ITnose" ></div></div>'; } document.write(show); }</script></head><body></body> <script type="text/javascript"></script> 效果是这样的
回复讨论(解决方案)
我还看了半天，你没发现你打错字了么？ 是float 不是folat！
原来是这样
现在所有的都并排了，怎么解决
现在所有的都并排了，怎么解决
那你想要什么样的效果？只要两个并排吗？如果自己两个并排，只需要在它们的外层加一个div，宽度设为一个的两倍，或者多一点点，只要不超过三个的宽度就行。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：一个页面分为左中右3部分，中间部分像素固定为1000px, 中间部分要居中， 剩下左右2部分的宽度如何设置？_html/css_WEB-ITnoseNächster Artikel：CSS 百分比 margin & padding_html/css_WEB-ITnose