zoukankan      html  css  js  c++  java
  • 使用css让图片和文字顶对齐(垂直居中,底对齐)

    效果图:

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
        img {
           200px;
          /* vertical-align: top; */
          /* 图片顶部 */
          /* vertical-align: middle; */
          /* 垂直居中 */
          vertical-align: bottom;
          /* 图片底部 */
        }
      </style>
    </head>
    
    <body>
      <div class="box">
        <img src="./img/logo.png" alt="">
        <span>我是内容</span>
      </div>
    </body>
    
    </html>
    
    
  • 相关阅读:
    初识网络编程
    实参和形参
    函数的组成部分及函数参数
    字符编码与文件操作2
    day07
    day06
    day05
    day03
    drf规范
    JQ
  • 原文地址:https://www.cnblogs.com/Bianco/p/14331101.html
Copyright © 2011-2022 走看看