怎么样使图片在一段文字的左边html

如题所述

    可以使用table

    <table>
    <tr>
    <td><img src="./img/p2.jpg" alt="" /></td>
    <td>文字信息</td>
    </tr>
    </table>

    2.可以使用div,然后float:left
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-14
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
body {margin: 0;overflow: hidden;}
.box {height: 300px;}
.num {height: 200px;width: 200px;background: rgba(255, 255, 255, 0.5);}
.inbox{background:rgba(250,128,10,0.5);height: 100%;width: 100%;}
</style>
<body>
<div class="box" style="background: url(http://pic1.win4000.com/wallpaper/6/578855acae491.jpg);">
<div class="num" style="float: left;">
<div class="inbox">

</div>
</div>
<div class="" style="float: left;color: #FFF;">
←图片在文字的左边
</div>
</div>
</body>
</html>

第2个回答  2014-12-18
<div><img class="img"></img><p class="p"></p></div>

.img{float:left;width:npx;}
.p{float:right;width:npx;}本回答被网友采纳

html如何使图片浮动至段落的左边或右边?
1、首先打开软件,并创建一个新的html文件。2、创建新文件后,设置页面背景颜色。3、在新文件中创建段落一,或者选择一个段落。4、再引入图片并设置图片大小,这里就可以设置图片浮动至段落的左边。5、创建段落二,或者选择一个新的段落。6,再次引入图片并设置图片大小,同时设置图片浮动至段落的右边。

如何把图片放在左边或右边在HTML里
1、创建html文件。2、设置页面背景颜色。3、接下来开始创建段落一。4、引入图片设置图片大小并设置图片浮动至段落的左边。5、创建段落二。6、引入图片设置图片大小并设置图片浮动至段落的右边。7、预览效果如图。

html的表格中怎么让文字在左,移动鼠标图片在右显示div
1、打开VisualStudioCode,选择文件夹,点击新建文本选项。2、给新建的文件对象重命名,文件名以.html结尾,此处文件命名为img.html。3、在代码块中编写代码文件,先插入文字代码,在输入图片代码。4、右击代码空白处,在弹出的选项卡中选择OpenInDefaultBrowser选项。更改完成后,在界面中显示图片在右,文字...

html怎么让文字和图片并排?
有一种方法就是利用表格布局,<table> <tr align="center"> <td>文字<\/td> <td><img src="image\/1.png" width="90" height="90" alt=""><\/td> <\/tr> <\/table> 这样写,是可以保证图片和文字同派且文字与图片是居中显示的,而不是文字在图片下方 ...

html 怎么编写 文字靠左,图片靠右,并且底部对齐
有很多种方法,可以计算外层DIV的高度,为包含文字和图片的标签分别设置左右对齐,然后给相应的margin上边距。还可以对最外层的DIV设置相对定位,再对里面的文字与图片设置绝对定位。定位示例:<div> <span>413<\/span><img src="images\/pic.jpg" \/> <\/div> 比如你的DIV长为610像素,高为150像素的...

html中怎么让文字在图片的上面?
1、在div里面书写了一些文字,然后想要在放入一张图片。2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。3、然后通过background给div添加一张图片作为它的背景。4、通过url()来连接图片,url里面放置的就是背景图片的路径。5、放一张图片用作背景,注意,路径要写对。6、保存之后文字就会...

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面
具体步骤如下:1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围。2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案。3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径...

怎么样用html语言让图片的位置向左或者是向右移动一点
1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔,填个你想要的整数就行了,如果是竖直方向就用vspace,简单吧。2、<img src="#" width="100" height="100" style=" margin-left:10px;" \/>在图片代码里面加上margin属性。往右移就margin-left,往左移动就margin-right。3...

如何在html中怎么让图片浮动
1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。

html里怎么实现图片跟文字的混合排版?
1、可以用一个最大的div层 包裹住,左边一个div 左浮动,右边一个div右浮动,左边的就是一个logo图,主要处理在右边。2、右边的div定义好之后,在细分为上中下,三个大div,最上面的div 可以左右浮动,左边一个span标签放定位,右边可以用 ul li标签 来进行分配。3、中间的div同理。左右div...

相似回答