zoukankan      html  css  js  c++  java
  • 中文字,文本框,button按钮垂直居中对齐方法

    关键,文字要包含在label标签中,并设置行高,否则文字会与文本框的顶

    端对齐。文本框要设置vertical-align:middle;否则文本框与button顶端对

    齐。button中文字垂直居中,要设置高和行高,行高要小于高。

    <html>
    <head>
    <style type='text/css'>
    LABEL
    {
     LINE-HEIGHT: 20px;
     HEIGHT: 20px
    }
    .button
    {
     font-size:12px;
     text-align:center;
     padding:0px;
     vertical-align:middle ;
     line-height:22px;
     margin:0px;
     Height:26px;
     Width:60px;
    }
    .txt
    {
    border:1px #6699CC solid;
    height:20px;
    160px;
    margin:0px;
    vertical-align:middle;
    font-size:12px;
    padding:0px 2px;
    line-height :16px;
    }

    </style>
    </head>
    <body>
    div中文字,文本框,button按钮垂直居中对齐方法及的css样式。
    <div class="divPad" style="FONT-SIZE: 12px; HEIGHT: 28px;">
           

    <label>查询:企业名称</label><input ID="txt_company"

    type="text" class="txt" />       

    &nbsp; &nbsp;&nbsp;<label>姓名</label><input ID="txt_name"

    class="txt" Width="80px" type="text"/>       

    &nbsp;<input type="button" ID="Button1" value="查找"

    class="button" /></div>


    </body>
    </html>

  • 相关阅读:
    nginx location 语法
    nginx 日志文件
    nginx 配置文件详解
    mysql分区partition
    MySQL跳过密码登录
    min/max优化,count ,group by
    in型子查询陷阱,exists子查询
    explain分析sql效果
    HDU2896 病毒侵袭 —— AC自动机
    二分图之 多重匹配 和 最大权匹配 等总结
  • 原文地址:https://www.cnblogs.com/Denny_Yang/p/2209774.html
Copyright © 2011-2022 走看看