css设置文字垂直居中html单元格⽂字显⽰在右上⾓，单元格⽂字居左上显⽰
_htmlcss_WEB-ITnose
如题
18px;list-style:none;padding-left: 20px;overflow-y: visible;cursor: pointer;border: 0;}ul.menu table tr{ vertical-align: top;font-size: 9pt;border-top: 0px solid #000;list-style:none;padding-left: 2px;padding-top: 0px;background-color: #ADD8E6;cursor: pointer;border: 0;}ul.menu table td{vertical-align: top;line-height:18;font-size: 9pt;border-top: 0px solid #000;line-height:
18px;list-style:none;padding-left: 2px;padding-top: 0px;background-color: #ADD8E6;overflow-y: visible;cursor:
pointer;border: 0;}ul.menu table caption{font-size: 9pt;background-color: #ADD8E6;border: 0;}
为什么就不能居左上显⽰呢，单元格⾥现在是⽔平居中左起显⽰
回复讨论(解决⽅案)
虽然有很多垃圾样式，不过总体看起来没什么问题，你可以尝试给td加个⾼，看是否是垂直居中
正常来讲vertical-align: top；已经可以控制居上
还有就是table⼀般在默认样式重置的会做如此设置
table { border-collapse:collapse; }
⽽border 边框会加在td上
我看着像是因为line-height的设置影响的。
line-height⽤于设置⾏内元素的⾼度，但同时也会使得⾏内元素的内容上下居中显⽰。ul.menu table td{ vertical-align: top; line-height:18; //你这⾥⽤了两个line-height是个什么意思啊。 font-size: 9pt; border-top: 0px solid #000; line-height: 18px; //不带单位和带单位的line-height可是天差地别的，注意 list-style:none; padding-left: 2px; padding-top: 0px; background-color: #ADD8E6; overflow-y: visible; cursor: pointer; border: 0;}
这个地⽅，你可以试试把line-height去掉，如果想要控制td的显⽰⾼度，可以添加display:inline-block，height:18px；这样设置。
试试，有问题再说呗。
line-height:18px;
谢了，解决了。前台的⼈⾛了，后台兼前台，完全不了解。
最近还得多⿇烦各位了
没问题，没问题Insert title here1111Monthly savings
1Monthfffffffff1Savings
1January1$100
2222Monthly savings
2Month2Savingsffffffff
2Januaryffffff2$100

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。