这样的html 布局怎么让左边的图片变大。右边的三行自动垂直排列？要对齐图片
1个回答
展开全部
DIV + CSS 实现超链接左边图片右边文字样式，首先我们需要设置好3个div，然后用一个a标签包裹着其他2个div，在里面设置好宽度和高度，在通过css的float属性来实现对2个div左右对齐操作，具体看代码：
<html>
<head>
<style>
#div2{
widht:220px;
height:300px;
font-size:13px;
}
#div3{
width:100px;
height:80px;
flaot:left;
margin-left:20px;
}
#div4{
width:100px;
height:80px;
flaot:left;
}
</style>
</head>
<body>
<div id='div2'>
<div id='div3'>
<img src='图片地址'>
</div>
<div id='div4'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
#div2{
widht:220px;
height:300px;
font-size:13px;
}
#div3{
width:100px;
height:80px;
flaot:left;
margin-left:20px;
}
#div4{
width:100px;
height:80px;
flaot:left;
}
</style>
</head>
<body>
<div id='div2'>
<div id='div3'>
<img src='图片地址'>
</div>
<div id='div4'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
