在CSS样式中怎么让层里面的文本框垂直居中???

html-css024

在CSS样式中怎么让层里面的文本框垂直居中???,第1张

根据问题描述有以下几种方式:

如果文本是固定字数且文本父级是固定高度  可用 vertical-align:middle

如果文本字数不是固定数,且文本父级层不是固定高度,可用 padding

如:padding:20px 0px这样文本距离层上下都是 20px,看着就垂直居中了。

同理啊。

还是用border定义

如果页面中的所有表格都要定义的话,可以如下定义:

table {

border-top:1px solid #F00/*上部边框*/

border-bottom:1px solid #F00/*下部边框*/

border-left:1px solid #000/*左部边框*/

border-right:1px solid #000/*右部边框*/

}

如果只定义某个table,可以如下定义:

.colorfultable {

border-top:1px solid #F00/*上部边框*/

border-bottom:1px solid #F00/*下部边框*/

border-left:1px solid #000/*左部边框*/

border-right:1px solid #000/*右部边框*/

}

===============

如果页面中的所有表格内都要定义的话,可以如下定义:

table td {

border-top:1px solid #F00/*上部边框*/

border-bottom:1px solid #F00/*下部边框*/

border-left:1px solid #000/*左部边框*/

border-right:1px solid #000/*右部边框*/

}

如果只定义某个table,可以如下定义:

.colorfultable td {

border-top:1px solid #F00/*上部边框*/

border-bottom:1px solid #F00/*下部边框*/

border-left:1px solid #000/*左部边框*/

border-right:1px solid #000/*右部边框*/

}

<table border="0" cellspacing="0" cellpadding="0" class="colorfultable ">

有是有,CSS3的-moz-transform: rotate(deg)可实现文本旋转,但目前仅有极少的浏览器支持,并且也不完善,有的只能显示水平和垂直,不能倾斜。HTML5也许可以,但都是超前的技术了,你这种情况,用图片替换吧。文本可以用CSS移除屏幕。