
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>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)