html间隔横排之间的距离,怎么做才能让横排tab标签靠右布局?

方法一:

.menuBox{text-algin:right;}

.menuBox a{display:inline-block;}

方法二(注意,这种方法菜单排序是最后一个在最左边):

.menuBox a{display:block;float:right;}

对不起,以上回答没有经过测试,只是一个思路,确实有你说的问题。下边是按方法一做的经过测试的代码(需要对HTML结构做稍微调整)。完整的测试代码如下:

测试

*{ padding: 0px; margin: 0px;;}

.mytab{ display: block; width:500px; margin:20px auto; background:#ccc;}

.mytabtop{ display: block; text-align: right; padding:5px 0 0 0; border-bottom:1px solid #333;}

.mytabtop li{ display: inline-block; height:32px; }

.mytabtop li a{ display: block; height:30px; line-height:30px; padding:0 20px; margin:0px 0 0 1px ; border:1px solid #333; font-size:12px; position:relative; top:1px}

.mytabtop li a:hover, .mytabtop li a.nowtop{ height:40px; line-height:40px; background:#FFF; border-bottom:1px solid #FFF; font-size:12px; top:-4px;}

.mytabbody {display: block; background:#FFF;}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值