如何在div中插入一张图并且居中

 我来答
分享教育知识的小花老师
高粉答主

2023-06-24 · 说的都是干货,快来关注
知道答主
回答量:945
采纳率:100%
帮助的人:16.8万
展开全部

1、可以先打个草稿,左侧为文字区,右侧为图片区,图片区可以作为一个整体,这样可以看作一个大框里面包含两个盒子,左侧为文字盒子右侧为图片盒子,而图片盒子里面又含有三张图片,分析完成后,就可以利用浮动来解决问题。

2、打开DW,选择新建HTML文件。

3、首先先建立三个盒子,大盒子包含两个小盒子,如图。

4、然后再对细节进行完善,左侧为文字区,直接在所建立的div中添加文字即可,当然也可以添加一些文字标签,右侧添加的无序列表,方便图片的插入排序。

5、内容区添加完成后,在css样式中添加详细修饰,如图所示。

顶喜欲骨人青展10
2023-06-25 · 贡献了超过312个回答
知道答主
回答量:312
采纳率:0%
帮助的人:5.9万
展开全部
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。2、在index.html中的<body>标签中,将<img>标签调整为:<divstyle="text-align:center"><imgsrc="small.png"/></div>。3、浏览器运行index.html页面,此时图片成功被居中显示了。[kaencamry.cn]
[haoruanjian168.cn]
[samled.cn]
[hkchangan.cn]
[dytop56.c o m.cn]
[htsong.cn]
[jiankong999.cn]
[sheng-bao.cn]
[66vs88.cn]
[carcars.c o m.cn]
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式