liuyueyi/quick-media

html文件转图片注意事项

Closed this issue · 1 comments

horsen689 commented

1.图片不能用"background"设置
2.样式要用style内联，放在”head“标签里无法识别
3.title 不能写，也会被当做文字处理
4.图片的大小怎么设置？最外层div设置了高度但图片宽度并不和想象中的一样，即时我在代码里设置了setW 等于300，但是还是不是想象中的效果

html代码（我想要的总宽度是300px)

结果：
image

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
</head>
<body>
	<div style="width:300px;box-sizing: border-box;border: 5px solid #eeeeee;">
		<img style="width:100%;height:300px;display: block;" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3968785517,792457195&fm=26&gp=0.jpg"/>
		<div style="width:100%;height:100px;box-sizing: border-box;border-top: 5px solid #eeeeee;">
			<img style="float:left;display: block;width:100px;height:100%;" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3968785517,792457195&fm=26&gp=0.jpg"/>
			<div style="float:left;width:180px;height:100%;padding:5px;">
				<h3>HELLO I AAA BBB~</h3>
			</div>
		</div>
	</div>
</body>
</html>
horsen689 commented

最后一点是我自己的样式问题，html、body等padding、border、margin最好都设置0px，同时插件是能识别处理position的，这一点值得庆幸。挺好的插件，棒棒哒，省了很多时间。