根据问题描述有以下几种方式:
如果文本是固定字数且文本父级是固定高度 可用 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移除屏幕。