css设置上下两个td不对对齐

html-css019

css设置上下两个td不对对齐,第1张

css设置上下两个td不对对齐跟基线对齐有关。这个跟基线对齐有关系，如果你给写?字的那个span设置?个vertical-align：top，就可以对齐，具体原因如下：从CSS2的可视化格式模型?档中可到：inline-block的基线是正常流中最后?个linebox的基线，除?这个linebox??既没有lineboxes或者本?overflow属性的计算值不是visible，这种情况下基线是margin底边缘。

你定义的一定是1px的虚线或者是点线吧。这是个IE的bug，拖拽滚动条之后线就会断断续续。没有办法，firefox浏览就没有问题了。

可以换成2px以上的宽度，但是恐怕就不是你想要的效果了。

border-style -- 定义边框的样式

取值:<border-style>{1,4} | inherit

<border-style>{1,4}: 边框样式

inherit: 继承

引用网址:http://www.dreamdu.com/css/property_border-style/

初始值: none

继承性: 否

适用于: 所有元素

border:边框,style:样式

border-style和border-width的赋值方式是一样的,可以分别赋1,2,3或4个边的样式.

border-style的取值

none: 无样式

hidden: 除了同表格的边框发生冲突的时候,其它同none

dotted: 点划线

dashed: 虚线

solid: 实线

double: 双线,两条线加上中间的空白等于border-width的取值

groove: 槽状

ridge: 脊状,和groove相反

inset: 凹陷

outset:凸出,和inset相反

猴子提示: 由于border-style的初始值为none,所以除非设置了边框样式,否则边框将无法看见.

示例

p#fourborders{ border-style:dotted dashed solid double}

如果定义四个值,那么这四个值就分别是上,右,下,左边框(从上边框开始,以顺时针的顺序遍历).定义梦之都段落的上边框为点划线,右边框为虚线,下边框为实线,左边框为双线.

p#threeborders{ border-style:groove ridge outset}

如果只定义三个值,中间的值代表左和右边框.定义梦之都段落的上边框为槽状,下边框为凸出,左,右边框为脊状.

p#twoborders{ border-style:none dashed}

如果只定义两个值,前面的值代表上下边框,后面的值代表左右边框.定义梦之都段落的上,下边框为无样式,左,右边框为虚线.

p#oneborders{ border-style:dotted}

如果只定义一个值,这个值就代表四个边的.定义梦之都段落的边框为点划线.