1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > css 输入框中文字水平居中 css水平居中 文字垂直居中

css 输入框中文字水平居中 css水平居中 文字垂直居中

时间:2019-02-14 09:41:48

相关推荐

css 输入框中文字水平居中 css水平居中 文字垂直居中

水平居中

定宽度+margin:top auto可以让一个块级别元素在外层居中

例如这样:

效果:

可以看到这个div已经居中了

但是我们里边的表格还没有居中,我们也可以给表格这样来一套,让他相对它的父级居中

我们看到里边的表格也已经居中了,但是表格内容并没有居中,因为输入框的长度不等于表格的长度哇

想让内容居中很简单,直接加一个text-align:center让内容居中就好了

效果如下:

其实也可以这样在表格的宽度设置成和div一样宽,然后设置一个内容居中就好了

效果如下:因为宽度完全一样,所以表格的颜色被覆盖看不到了

文字垂直居中

使用line-height设置成高度和外面div一样即可.tabstyle{

border-bottom:1pxsolid#eee;

padding:0px20px;

/*固定高度好调整东西*/

height:38px;

/*让文字垂直居中*/

line-height:38px;

}

登录后的logo文字垂直居中也是

设置一个line-height和外层div一样高自然就垂直居中了,很nice

欢迎加群讨论技术,群号:677373950

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。