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>

  • 相关阅读:
    NOI2010 能量采集
    NOI2011 兔兔与蛋蛋游戏
    动态规划——min/max的单调性优化总结
    NOI2011 NOI嘉年华
    NOI2011 阿狸的打字机
    NOI2011 智能车比赛
    NOI2011 兔农
    NOI2012 魔幻棋盘
    NOI2012 美食节
    NOI2012 迷失游乐园
  • 原文地址:https://www.cnblogs.com/Denny_Yang/p/2209774.html
Copyright © 2011-2022 走看看