微信小程序 button内多行文字垂直居中、短信倒计时_软件运维

1.wxml

2.wxss

实现button内多行文字山悄垂直居早肢中

3.js

实逗睁渣现短信倒计时

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

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

齐。button中文纯岁笑字垂直居中，要设置高和行高，行高要小于高。

<html>

<head>

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

width:160px

margin:0px

vertical-align:middle

font-size:12px

padding:0px 2px

line-height :16px

}

</style>

</head>

<body>

div中文字，文本框，button按钮垂直居中雀春对齐方法及的css样式。

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

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

<label>姓名</label><input ID="txt_name"

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

<input type="button" ID="Button1" value="查找"

class="button"做含 /></div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/12274416.html

微信小程序 button内多行文字垂直居中、短信倒计时

发表评论

评论列表（0条）