html文件转图片注意事项
Closed this issue · 1 comments
horsen689 commented
1.图片不能用"background"设置
2.样式要用style内联,放在”head“标签里无法识别
3.title 不能写,也会被当做文字处理
4.图片的大小怎么设置?最外层div设置了高度但图片宽度并不和想象中的一样,即时我在代码里设置了setW 等于300,但是还是不是想象中的效果
html代码(我想要的总宽度是300px)
<!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的,这一点值得庆幸。挺好的插件,棒棒哒,省了很多时间。