img对象align属性如何使图片居中显示

 时间:2024-10-12 05:52:54

1、创建一个名称为 img_middle 的html文件

img对象align属性如何使图片居中显示

2、添加一个img元素 这是id为mypicturemidd盟敢势袂le,添加图片路径,在图片周围加些文字,来让图片位置显示更明显些

img对象align属性如何使图片居中显示

3、添加一个button按钮,在点击事件中加入自定义函数mymiddle添加一p标签,设置id 为 showmiddle

img对象align属性如何使图片居中显示

4、在javascript中创建一个自定义函数 mymiddle

img对象align属性如何使图片居中显示

5、在自定义函数中获取img对象。用align属性middle属性值的设置图片位置,并畛粳棠奈获取align的属性值,将获取的值显示到p标签中

img对象align属性如何使图片居中显示

6、在浏览器中打开文件,点击button查看图片居中效果

img对象align属性如何使图片居中显示
  • css如何去掉div的背景色
  • jquery如何实现鼠标放上div时改变其大小
  • Javascript怎么为文档添加点击事件
  • HTML网页浮动布局怎么用,div float布局怎么用
  • 用记事本编写简单html网页入门:[2]列表
  • 热门搜索
    清明节祭奠英烈手抄报 小学生科技手抄报图片 手抄报我的中国梦 手抄报板块 我爱读书手抄报资料 重阳节手抄报内容30字 我爱文学的手抄报 关于桥的手抄报 好看的手抄报图片大全 幸福班级手抄报