css 元素对齐的问题 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css 元素对齐的问题

1.问题描述:
在没有设置font-siz和font-family属性之前,两元素是对齐的,但设置之后出现了不对齐的问题。

如下图所示:
一开始是这样的:
screenshot

1.html如下:

<div id="table1">
        <form>
            <input type="text" class="search" maxlength="32" size="108" />
            <input type="submit" class="button" value="百度一下" />
        </form>
    </div>

css如下:

    *{
        padding: 0px;
        margin: 0px;
    }
    .search{
        line-height: 32px;
    }
    .button{
        display: inline-block;
        height: 36px;
        width: 82px;
        background-color: #46A3FF;
        border-style: none;
        margin-left: -8px;
        font-size: 20px;
        font-family: 微软雅黑;
        padding: 0px;
                    }

刚开始学习,有点困惑,第一我对button设置了width和height属性,padding也是0px,不知道为什么会出现不对齐的情况?

展开
收起
杨冬芳 2016-06-08 10:00:51 1942 0
1 条回答
写回答
取消 提交回答
  • IT从业

    vertical-align: top | bottom | sub

    2019-07-17 19:31:14
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载