用div+css实现两张图片的水平排列
用表格<table><tr><td>这里放图片一</td><td>这里放图片二</td></tr></table>这样就可以实现两张图片的水平排列,如果改写成以下代码请高...
用表格<table><tr><td>这里放图片一</td><td>这里放图片二</td></tr></table> 这样就可以实现两张图片的水平排列,如果改写成以下代码请高手帮助如何写css
<div>
这里放图片一
</div>
<div>
这里放图片二
</div>
现在我的图片是垂直排列的,请好手帮忙. 展开
<div>
这里放图片一
</div>
<div>
这里放图片二
</div>
现在我的图片是垂直排列的,请好手帮忙. 展开
4个回答
展开全部
<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.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="http://www.w3.org/1999/xhtml">
<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>
这样可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
楼上写的很清楚啊?其实就是的一个float:Left;属性,建议找个教程看一下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询