html左侧单元格怎么表示,单元格文字居左上显示_html/css_WEB-ITnose

5268f80b9b1e01f982625ef6fac83ca1.png

如题

ul.menu{display: none;position: absolute;width: 200px;text-align: left;border: 1px solid #000;background-color: #fff;list-style: none;z-index: 9999;}ul.menu table{vertical-align: top;line-height:18;font-size: 9pt;border-top: 1px solid #000;line-height: 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

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值