zoukankan      html  css  js  c++  java
  • 图片对齐问题

      

     1 <html >
     2 
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <style type="text/css">
     6 img.top {vertical-align:text-top}
     7 img.bottom {vertical-align:text-bottom}
     8 </style>
     9 </head>
    10 
    11 <body>
    12 
    13 <p>
    14 这是一幅<img class="top" border="0" src="./1.jpg" width="80" heigh="60"/>位于段落中的图像。
    15 </p> 
    16 
    17 <p>
    18 这是一幅<img class="bottom" border="0" src="./1.jpg" width="80" height="40" />位于段落中的图像。
    19 </p>
    20 
    21 <!-- 相反的状态 -->
    22 <p>
    23 这是一幅<img class="bottom" border="0" src="./1.jpg" width="80" height="40" />位于段落中的图像。
    24 </p>
    25 <p>
    26 这是一幅<img class="top" border="0" src="./1.jpg" width="80" heigh="60"/>位于段落中的图像。
    27 </p> 
    28 
    29 </body>
    30 
    31 </html>

    第一第二这种排版是相对来说比较好的

    ---- 动动手指关注我!或许下次你又能在我这里找到你需要的答案!ZZZZW与你一起学习,一起进步!
  • 相关阅读:
    ecolise 设置反编译
    整理03
    JAVA创建对象的五种方式
    JAVA中的深复制和浅复制--建议多看几遍
    选择题
    python学习第九天
    python学习第八天
    python学习第七天
    python学习第五天
    python学习第四天
  • 原文地址:https://www.cnblogs.com/zzzzw/p/4556919.html
Copyright © 2011-2022 走看看