首页前端开发CSSCSS实现圆柱型数据报表的方法

CSS实现圆柱型数据报表的方法

时间2024-05-23 21:30:03发布访客分类CSS浏览89
导读:大家都知道有时候一个文本输入框和一段文字在同一行上显示,然而它们总不是垂直居中,看上去不美观,这段CSS代码就是解决这一问题的,上边一行是没有定义,下边一行是定义过的,可以看出有明显的差别。 复制代码 代码如下: ˂!--CTYPE h...

大家都知道有时候一个文本输入框和一段文字在同一行上显示,然而它们总不是垂直居中,看上去不美观,这段CSS代码就是解决这一问题的,上边一行是没有定义,下边一行是定义过的,可以看出有明显的差别。

复制代码 代码如下:



CSS让同一行文字和输入框对齐


#a {
height:30px;
border:1px solid #ccc;
}
#b {
margin-top:20px;
height:30px;
border:1px solid #ccc;
}
#a input {
width:200px;
height:30px;
border:1px solid red;
}
#b input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}



Text1

Text2


声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS实现圆柱型数据报表的方法
本文地址: https://pptw.com/jishu/666578.html
WordPress实现"上一篇/下一篇"功能的2个方法 WordPress更新5.1版本发布取名Betty

游客 回复需填写必要信息