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>
  • 相关阅读:
    官方源、镜像源汇总
    Kubernetes V1.15 二进制部署集群
    ZABBIX 4.0 LTS 部署
    SSH + Google Authenticator 安全加固
    Hadoop+HBase 集群搭建
    自动化运维之PSSH
    KVM之CPU虚拟化
    GoAccess日志分析工具
    HTTPS之acme.sh申请证书
    AWStats日志分析系统
  • 原文地址:https://www.cnblogs.com/ZDSGWXS233/p/11314105.html
Copyright © 2011-2022 走看看