zoukankan      html  css  js  c++  java
  • img 图片移动效果方式

    <!DOCTYPE html>
    
    <html>
    <head>
        <meta charset="utf-8">
        <title>字体样式</title>
        <style type="text/css">
            .aaa{ text-align: left; }
            .bbb{ text-align: center; }
            .ccc{ text-align: right; }
        </style>
    </head>
    <body>
    <!--
    <img src="360截图20190329165056118.jpg" style="text-align: left;"><br>
    <img src="360截图20190329165056118.jpg" style="text-align: center;"><br>
    <img src="360截图20190329165056118.jpg" style="text-align: right;"><br>
    <h3>======</h3>
    <div class="aaa"><img src="360截图20190329165056118.jpg"></div>
    <div class="bbb"><img src="360截图20190329165056118.jpg"></div>
    <div class="ccc"><img src="360截图20190329165056118.jpg"></div>
    -->
    <h3>======</h3>
    <span>左边1</span>
        <img src="360截图20190329165056118.jpg" style="vertical-align: top;">
    <span>右边1</span><br>
    <span>左边2</span>
        <img src="360截图20190329165056118.jpg" style="vertical-align: middle;"><br>
        <br><img src="360截图20190329165056118.jpg" style="vertical-align: middle;">
    <span>右边2</span><br>
        
    <span>左边3</span>    
        <img src="360截图20190329165056118.jpg" style="vertical-align: bottom;">
    <span>右边3</span><br>
    </body>
    效果展示
    </html>
  • 相关阅读:
    zzuli-2259 matrix
    【vlan之四种方式链路认证组网]
    【ppp-chap,pap,mp,mp-group】
    【ospf-基础配置】
    【rip-基础配置】
    【静态路由】
    【nat---basic,napt,easy ip】
    【acl-访问控制列表】
    【交换接口的-绑定-认证-隔离】
    【vlan-给予mac地址认证】
  • 原文地址:https://www.cnblogs.com/ZDSGWXS233/p/11314105.html
Copyright © 2011-2022 走看看