css的vertical-align属性

最新推荐文章于 2024-08-02 11:41:11 发布

青柠杆菌

最新推荐文章于 2024-08-02 11:41:11 发布

阅读量322

点赞数

分类专栏： HTML和CSS（基于黑马程序员视频学习文章标签： css 前端 css3

本文链接：https://blog.csdn.net/jjlome/article/details/121746037

版权

HTML和CSS（基于黑马程序员视频学习专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--css的vertical-align属性使用场景： 常用于设置图片或着表单（行内块元素）和文字垂直对齐-->
    <!--官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内块元素或行内元素有效。-->
    <!--语法：-->
    <!--vertical-align：baseline|top|middie|bottom-->
    <!--值              描述-->
    <!--baseline        默认。元素放置在父元素的基线上。-->
    <!--top             把元素的顶端与行中最高元素的顶端对齐-->
    <!--middle          把此元素放置在父元素的中部-->
    <!--bottom          把元素的顶端与行中最低的元素的顶端对齐-->
    <style>
        img {
            /*vertical-align: bottom;*/
            /*让图片和文字居中对齐*/
            vertical-align: middle;
        }
        textarea {
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <img src="asd" alt="" />pinsads
    <br />
    <textarea name="" id="" cols="30" rows="10">请输入</textarea>qingshuru
</body>
</html>

青柠杆菌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的vertical-align属性

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title>  <!--官方解释：用于设置一个元素
复制链接

扫一扫

专栏目录