html li 图片与文字对齐 5
想让图片与文字对齐显示,怎样修改呢？如：图CSS:.zzt{width:760px;margin:0;}.zztli{float:left;width:190px;hei...
想让图片与文字对齐显示,怎样修改呢？
如：图
CSS:
.zzt{ width:760px;margin:0;}
.zzt li{float:left;width:190px; height:110px;overflow:hidden;display:inline-block;}
.zzt li img{width:66px;height:66px;}
.zzt p,.pk p{ padding:15px 10px 0 0; text-align: center; } 展开
如：图
CSS:
.zzt{ width:760px;margin:0;}
.zzt li{float:left;width:190px; height:110px;overflow:hidden;display:inline-block;}
.zzt li img{width:66px;height:66px;}
.zzt p,.pk p{ padding:15px 10px 0 0; text-align: center; } 展开
1个回答
展开全部
在html中让图片和文本对齐，这个的话，你可以将图片和文本放到2个div中然后用一个div包裹着，给那2个div设置float属性，当然宽度，高度是不能少的，然后在使用margin使这2个有点间隔，这里我提交一段代码：
<html>
<head>
<title>图片和文本的对齐</title>
</head>
<body>
<div>
<div style='flaot:left; width:330px; height:200px;'>
<img src='图片地址'>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是右边的测试文字</p>
</div>
</div>
</body>
</html>
<html>
<head>
<title>图片和文本的对齐</title>
</head>
<body>
<div>
<div style='flaot:left; width:330px; height:200px;'>
<img src='图片地址'>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是右边的测试文字</p>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
