DOM 如何在图片下面加文字

CY_LH 2016-10-22 03:28:46

window.onload = function () {
var ig = document.createElement("img");
ig.src = "mm.png";
ig.width= "250";
ig.height="200";
var div = document.getElementById("div");
div.appendChild(ig);
var span = document.createElement("span");
span.style.textAlign="center";
span.width = "250";
span.height = "50";
span.innerText="1111";
div.appendChild(span);

这个代码只能加在右边！！！如何加在下面

...全文

374 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

just_there_ 2016-11-10

打赏
举报

回复

同上可以使用块级元素另起一行

当作看不见 2016-10-22

打赏
举报

回复

不要用行级元素，用块级元素，行级元素会在同一行，块级元素会换行，把span 换成div p 等都可以

天际的海浪 2016-10-22

打赏
举报

回复

span改成div

一、需求背景最近开发时，有遇到这么一个需求，要将一个有大量图表/文字/图片的页面导出为pdf（该页面的图表以及文字、图片是可动态配置的），目前主流的方式都是用htmlCanvas插件做的，我们一向的原则是少用插件多用原生，所以最后和产品沟通，导出为图片，因为图片可以用原生实现，并且默认单页，效果也非常好。二、实现方式实现方式参考了张鑫旭老师的一篇文章借助SVG forginObject实现DOM转图片 ,在此基础上做了一些细节的调整。这种方式基本的原理，就是将dom转换成xml结构，然后放.

在vue中使用dom-top-image,可截取有滚动条的页面,支持多种格式具体方法如下： 1.首选安装相关插件 npm install dom-to-image 然后在使用的页面中引用 import domtoimage from 'dom-to-image' 下面是封装的具体的方法： shotPic () { const that = this const node = document.getElementById('my-node') // 通过id获取dom

核心：利用 float 浮动属性首先我们来看一下普通的图片文字环绕怎么实现图片文字环绕的原理：图片添加浮动，脱离文档流下面的文本盒子就会往上移动只有盒子元素才会被覆盖，文本是一个真实的dom结构不会被覆盖看看代码实现吧 <style> div{ width: 1000px; height: 700px; border: 1px solid #000

css图片后的文字无法居中对齐怎么解决？下面给大家介绍一下解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。比如说，现在我要做一个简单的删除按钮，只由一个icon和“删除”两个字组成，你会如何布局，给你30秒时间考虑。好，先亮出HTML代码如下：删除很简单，就是一个class为del的div元素下有两个span标签，当然icon你也可以直接用伪元素代替(还不知道伪元素的面壁...

简单水印（watermark-dom）和算法水印（频域方式图片合并）实现一、简单水印（watermark-dom）阿里巴巴内网的不可见水印用的是什么算法？据说月饼事件截图的那位员工也被开除了？下面的只是简单的加一个很浅的水印，实现起来很容易。 1、看看水印的效果随便找一个网站，比如就找掘金的个人首页，（1）F12检查模式，（2）在console里粘贴下面的代...

61,111

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章