简单应用-用了float仍不能排在一行，求大侠指教解决方法
日期：2014-05-17 浏览次数：20705 次
简单应用-用了float仍不能排在一行，求大侠指教
1.问题：
在dreamweaver中用css控制按钮想使其排在一行上，结果无论怎么调，浏览器（不是它的问题，换过多个，都一样）中按钮都是一串的状态，头痛半天了，请大侠指教，感激不尽！！
2.代码：
【1】html代码：
***解释：home_pho_btn_gro为按钮盒类，home_pho_btn为每个按钮的类
【2】css代码：
#home_phpoto{
width:520px;
height: 400px;
}
#home_pho_big{
width:520px;
height:338px;
FILTER:blendTrans(duration=1);
}
.home_pho_btn_gro{
height:20px;
margin-top:5px;
overflow: hidden;
width: 100%;
}
.home_pho_btn{
margin-left:6px;
margin-right:6px;
width:61px;
height:15px;
border:0px;
cursor:w-resize;
float:left;
display:inline;
}
3.显示：
dreamweaver中：
chrome中：
请大家指教，叩谢！！！
------解决方案--------------------
你的啥版本chrome，我最新版chrome是横排啊
1.问题：
在dreamweaver中用css控制按钮想使其排在一行上，结果无论怎么调，浏览器（不是它的问题，换过多个，都一样）中按钮都是一串的状态，头痛半天了，请大侠指教，感激不尽！！
2.代码：
【1】html代码：
***解释：home_pho_btn_gro为按钮盒类，home_pho_btn为每个按钮的类
- HTML code
<div id="home_phpoto">
<div id="home_pho_big">
<A onfocus=this.blur() name=imglink>
<IMG style="FILTER: blendTrans(duration=1)" src="images/01.jpg" name=bigimg>
</A>
</div>
<div class="home_pho_btn_gro">
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 0);" src="images/main_flash_button1.gif" name=num_img0>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 1);" src="images/main_flash_button2.gif" name=num_img1>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 2);" src="images/main_flash_button3.gif" name=num_img2>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 3);" src="images/main_flash_button4.gif" name=num_img3>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 4);" src="images/main_flash_button5.gif" name=num_img4>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 5);" src="images/main_flash_button6.gif" name=num_img5>
</div>
<div class="home_pho_btn">
<IMG onClick="click_simg(this, 6);" src="images/main_flash_button7.gif" name=num_img6>
</div>
</div>
</div>
【2】css代码：
#home_phpoto{
width:520px;
height: 400px;
}
#home_pho_big{
width:520px;
height:338px;
FILTER:blendTrans(duration=1);
}
.home_pho_btn_gro{
height:20px;
margin-top:5px;
overflow: hidden;
width: 100%;
}
.home_pho_btn{
margin-left:6px;
margin-right:6px;
width:61px;
height:15px;
border:0px;
cursor:w-resize;
float:left;
display:inline;
}
3.显示：
dreamweaver中：
chrome中：
请大家指教，叩谢！！！
------解决方案--------------------
你的啥版本chrome，我最新版chrome是横排啊
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
