城网中国 首页 城网学院 建站教程 查看内容

文章中上传图片时就会自动居中

2020-8-26 22:02| 发布者: cnone| 查看: 157| 评论: 7

摘要: 文章中上传图片时就会自动居中

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

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

.content p img{display:block;margin:10px auto;}

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



.content_art img {height: auto !important;max-width: 100% !important;}

.content_art p img{display: block!important;}

.vw .d img { max-width: 620px;height: auto!important;display: block!important;margin: 0 auto !important;text-align:center; font-size:13px;}


鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 cnone 2020-8-27 10:12
为typecho文章图片居中并添加注解 https://www.jianshu.com/p/9901b2ebfe26
引用 cnone 2020-8-26 23:09
https://www.zhihu.com/question/42802592
引用 cnone 2020-8-26 23:08
<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);"
    src="这里输入图片地址">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">这里输入题注</div>
</center>
引用 cnone 2020-8-26 22:53
/* 门户文章正文首行缩进与行间距 */ .d table { text-indent:2em; line-height:120%; }
/* 门户文章正文段落间距 */ .d table div{ text-align:left; padding:10px 0 10px 0; }
/* 门户文章正文图片居中 */ .d table p { text-align:center; text-indent:0em; padding:10px 0 10px 0; }
引用 cnone 2020-8-26 22:36
max-width: 100%;height: auto;display: block;margin: 0 auto !important;
引用 cnone 2020-8-26 22:12
修改方法:
打开 * }- V& X9 E( I8 r6 L: v$ k% I( ~1 W
\template\default\common\module.css- D+ q0 b) S+ ^( Q/ w' e# ?



.vw .d img { max-width: 620px; }  ?6 z; h/ F! q. l; f7 Z1 w+ L

[color=rgb(67, 182, 107) !important]复制代码% h) M5 M0 l& O5 ~  n
7 @$ c. M5 f4 e3 M
改为:


.vw .d img { max-width: 800px;text-align: center; }+ Q4 ~% x( V6 l/ D; m

[color=rgb(67, 182, 107) !important]复制代码& m1 P$ W; M) t# W0 `
9 q0 |+ f1 a; L
在网站后台,界面,更新CSS缓存即可。7 K0 d
引用 cnone 2020-8-26 22:11
http://www.sjmxw.cn/article/232378.html

查看全部评论(7)