像input,button等元素对齐方法

最新推荐文章于 2024-08-31 14:41:23 发布

豆i浆

最新推荐文章于 2024-08-31 14:41:23 发布

阅读量8.8k

点赞数

分类专栏： css html 文章标签： css html

本文链接：https://blog.csdn.net/sinat_19327991/article/details/72917221

版权

css 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

本文介绍了如何使用CSS的vertical-align属性来实现input、button等HTML元素的对齐方法，帮助开发者优化页面布局。

摘要由CSDN通过智能技术生成

使用vertical-align可以实现对齐

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            input,button{
                height: 30px;
                width: 50px;
                vertical-align: top;
            }
        </style>
    </head>
    <body>
        <input type="" name="" id="" value="" /><button></button>
    </body>
</html>