html怎么让图片文字对齐

html怎么让图片文字对齐,第1张

方法太多,列举几个吧

1.两个元素均设置float:left

或right

2.通过调整元素的left或right实现

3.两个元素均设置diaplay:block,因元素为默认左对齐,且均设为块级元素后,都将独占一行。

在html中让图片文本对齐,这个的话,你可以将图片和文本放到2个div中然后用一个div包裹着,给那2个div设置float属性,当然宽度,高度是不能少的,然后在使用margin使这2个有点间隔,这里我提交一段代码:

<html>

<head>

<title>图片和文本的对齐</title>

</head>

<body>

<div>

<div style='flaot:leftwidth:330pxheight:200px'>

<img src='图片地址'>

</div>

<div style='flaot:leftwidth:330pxheight:200pxmargin-left:30px'>

<p>我是右边的测试文字</p>

</div>

</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zaji/6172503.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-17
下一篇2023-03-17

发表评论

登录后才能评论

评论列表(0条)

    保存