前端设计>css>正文
很多时候,在我们网站CSS代码设置不够“智能”的时候,一般默认情况下,图片居中我们都是习惯于在上传图片的时候独立设置图片的样式,然而往往在这个时候我们都是将图片设置为居中显示。因此,此种情况下,我们直接在内容页正文的图片直接采用全局样式控制就显得更为方便了,具体显示样式:
图片源代码格式:
css样式控制代码:
详情源码:
.info-zi img,.info-zi iframe { max-width: 80%!important; height: auto!important; margin: 0 auto; display: block; border-radius: 10px; }
部分说明:这里对直接对图片的宽度做了限制,显示控制在80%的宽度,并做了圆角话处理。这样使得在自适应网站的情况能有更好的视感。
本文链接:https://www.weguiding.com/css/212.html
- 上一篇:屏蔽网页元素内联样式,提高外联优先级
- 下一篇:CSS样式:字体、表格
猜你喜欢
- 19-06-12 文章内容页图片显示优化居中处理
- 19-05-30 CSS3水纹效果的示例代码
- 19-05-20 手机站做自适应页面要注意的问题
- 19-05-18 纯css实现导航处hot小图标实现
- 19-01-27 纯html+css的下拉导航动画效果
- 19-01-24 DIV边框样式控制设置
- 19-01-24 块元素水平垂直居中(CSS控制)
- 19-01-24 CSS基本语法
- 19-01-24 html去除表格边框空隙
- 01-24html去除表格边框空隙
- 01-24CSS样式:字体、表格
- 01-24屏蔽网页元素内联样式,提高外联优先级
- 06-12文章内容页图片显示优化居中处理
- 01-27纯html+css的下拉导航动画效果
- 01-24网页字体样式选择调整
- 01-24文章内容页图片显示优化,图片居中处理
- 05-30CSS3水纹效果的示例代码
- 05-20手机站做自适应页面要注意的问题
- 05-18纯css实现导航处hot小图标实现
- 01-27纯html+css的下拉导航动画效果
- 01-24DIV边框样式控制设置
- 01-24块元素水平垂直居中(CSS控制)
- 01-24CSS基本语法
- 05-30CSS3水纹效果的示例代码
- 05-20手机站做自适应页面要注意的问题
- 05-18纯css实现导航处hot小图标实现
- 01-27纯html+css的下拉导航动画效果
- 01-24DIV边框样式控制设置
- 01-24块元素水平垂直居中(CSS控制)
- 01-24CSS基本语法