css设置文字垂直居中⽂本框⽂字居中html代码,html如何实现⽂本上下居中
html实现⽂本上下居中的⽅法:⾸先创建⼀个HTML⽰例⽂件;然后创建⼀个⽂本框;接着定义Text的height属性;最后通过css
中“vertical-align:middle;”等属性实现⽂本上下居中即可。
本教程操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑。
让HTML中的⽂本框中的⽂字垂直居中
当你⾃⼰定义了 Text 的 height 属性时,在 Text 中输⼊的⽂字都不是垂直居中的,不过你可以添加CSS
来控制它,让输⼊的⽂字垂直居中,使⽹页更完美
#text {
height:20px;
vertical-align:middle;
line-height:20px; /*line-height must be equal to height*/
}
加⼊ verticla-align、line-height 两个属性后,⽂本框中的⽂字就在⽂本框中垂直居中了,要注意的是 line-height 必须要等于 height。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论