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与你一起学习,一起进步!
  • 相关阅读:
    jstack 分析程序性能
    网关-zuul介绍 第一篇 网关解决的问题
    通过Fegin远程调用 ,返回JPA Page 对象报错
    css自定义字体
    CSS3选择器
    表格操作
    商品筛选条件
    多级菜单
    一排元素往下掉
    控制提示框不溢出父级盒子
  • 原文地址:https://www.cnblogs.com/zzzzw/p/4556919.html
Copyright © 2011-2022 走看看