学做网站培训课程介绍

当前位置:

如何让网站文章中的图片自动居中

我们在做网站时,内容中少不了发图片,正常情况下,发布图片后图片是自动靠左对齐。甚至图片会紧随前面文字的后面,与文字处于一行。当然我们在发文章时,也可以给每张图片加一个居中的属性。

如何让网站文章中的图片自动居中

但这种方法特别麻烦,所以我们在做网站时,可以通过html视频教程中讲的CSS设置一次性的让让网站文章中的图片自动居中。

1、首先确立网站文章的所在的页面所在的DIV,例如.content

2、在网站的CSS文件中加入以下的属性:

.content img{display:block;margin:10px auto;max-width:100%;height:auto;}

3、上面的.content要替换成自己网站的DIV名。这样文章中上传图片时,图片就会自动居中。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 静态网页不显示图片 (119350 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节:什么是网站静态页面,然后自己就动手去照着做,文字什么的都可以显
  • DW网页中如何插入图片 视频教程 (1187857 次浏览)
    DW给网页插入图片一般有二种方法:一种是插入拥有ALT属性的图片,这在我们的企业网站制作教程中经常用到。另一种是插入背景图片,实现在图片
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI