用表格<table><tr><td>这里放图片一</td><td>这里放图片二</td></tr></table> 这样就可以实现两张图片的水平排列,如果改写成以下代码请高手帮助如何写css
<div>
这里放图片一
</div>
<div>
这里放图片二
</div>
现在我的图片是垂直排列的,请好手帮忙.
<div style="margin:0 auto; width:200px;">
<div style="float:left; width:100px;">
这里放图片一
</div>
<div style="float:right; width:100px;">
这里放图片二
</div>
</div>
当然用UL LI比较正规点
但是按照你写的来定义CSS这样就可以了
<div style="float:left; width:100px;">
这里放图片一
</div>
<div style="float:right; width:100px;">
这里放图片二
</div>
</div>
当然用UL LI比较正规点
但是按照你写的来定义CSS这样就可以了
温馨提示：答案为网友推荐，仅供参考
第1个回答 2010-05-27
<div style=" float:left; width:444px;">图片一</div>
<div style="foat:right; width:254px;">图片二</div>
float是定议两个或三个框平行的。一个往左，一个往右，一定要设定它们的宽度。如果是多个，一个往右，其它都往左，
当然LI是可以实现的，不过只有二个，不建议用LI.
<div style="foat:right; width:254px;">图片二</div>
float是定议两个或三个框平行的。一个往左，一个往右，一定要设定它们的宽度。如果是多个，一个往右，其它都往左，
当然LI是可以实现的，不过只有二个，不建议用LI.
第2个回答 推荐于2016-07-07
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>untitle</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.aa{width:300px; height:200px;}
.aa ul{margin:0; padding:0;}
.aa ul li{float:left; padding-left:10px;}
-->
</style>
</head>
<body>
<div class="aa">
<ul>
<li>这里放图片一</li>
<li>这里放图片二</li>
</ul>
</div>
</body>
</html>
这样可以了本回答被提问者采纳
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>untitle</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.aa{width:300px; height:200px;}
.aa ul{margin:0; padding:0;}
.aa ul li{float:left; padding-left:10px;}
-->
</style>
</head>
<body>
<div class="aa">
<ul>
<li>这里放图片一</li>
<li>这里放图片二</li>
</ul>
</div>
</body>
</html>
这样可以了本回答被提问者采纳
第3个回答 2010-05-26
楼上写的很清楚啊？其实就是的一个float:Left;属性，建议找个教程看一下。
