                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何把图片和文字设置在同一行，并且把图片居中文字放在右边。

如何把图片和文字设置在同一行，并且把图片居中文字放在右边。

qq_风_171

2017-03-14

源自：初识HTML(5)+CSS(3)-升级版 10-12

关注问题我要回答

7217

操作

收起

4 回答

ftfyf
2017-06-05

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>对齐</title>

<style type="text/css">

div{text-align:center;}

</style>

</head>

<body>

<div id=1><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >lalala</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

weibo_你很漂亮但我也要回家_0
2017-03-14

<style type="text/css">

#div1{

display: inline;

}

#div2{

text-align: center;

}

</style>

</head>

<body>

<div id="div2"><img src="222.jpg"><div id="div1">文字</div></div>

</body>

0 回复有任何疑惑可以回复我~

qq_爽歪歪_5
2017-03-14

图片设置底层，文字设置上面一层，或者也可以用表格来做吧，我也是新手~~

0 回复有任何疑惑可以回复我~

慕粉1951061543
2017-03-14

<span style="text-align:left;">文字<span>

<img src="url" style="text-align:center" />

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226366 人
解答问题 18240 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答把图片设置在居中位置怎么设置？

4 回答要想把图片放在一行里，如何做

3 回答为何文字“图片”无法居中

3 回答把右侧图片设置为水平居中显示

2 回答图片上的文字如何调整与图片的宽度一致呢，即所有字体都在一行出现且布满一行？

搜索更多本课相关问答

如何把图片和文字设置在同一行，并且把图片居中文字放在右边。

我要回答关注问题

意见反馈帮助中心 APP下载