模板:兼容web自适应图片样式

基础写法

• 图片居左，占据一整行，且点击图片查看完整大图
• 核心样式class=img-kk，用于解决web图片过宽溢出页面的问题

[[File:旋涡帮logo.png|class=img-kk]]

几种自适应图片的写法：

限制图片宽高

限制宽度

[[File:旋涡帮logo.png|200px|class=img-kk]]

限制高度

[[File:旋涡帮logo.png|x50px|class=img-kk]]

同时限制宽高

[[File:旋涡帮logo.png|200x80px|class=img-kk]]

图片居中且无法点击跳转

[[File:旋涡帮logo.png|center|class=img-kk|link=]]

图片居左/右且点击查看大图

• WIKI图片默认居左，加入left或right参数可使图片脱离当前行（不再独占一行），实现文字环绕的效果

[[File:旋涡帮logo.png|left|class=img-kk]]
[[File:旋涡帮logo.png|right|class=img-kk]]
文本

后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式后续文字展现形式

点击图片跳转对应页面

[[File:旋涡帮logo.png|center|class=img-kk|link=漩涡帮]]

点我前往“漩涡帮”页面↑