为了账号安全,请及时绑定邮箱和手机立即绑定

pannel面板中嵌套table的bug

错误地方:在第二种情况下下,只能把table放在面板的最后面,也就是panel-footer元素上面,不然的话,table是没有最下面一行的border的,不知道怎么出这种bug

正在回答

2 回答

<div class="panel panel-primary ">
		<div class="panel-heading">
			asdasdasd
			<span class="close">x</span>
		</div>
		<div class="panel-body">
			
		</div>
		<div class="contanier">
		<table class="table table-bordered">
				<tr>
					<td>dasd</td>
					<td>xzcxzc</td>
				</tr>
				<tr>
					<td>dasd</td>
					<td>xzcxzc</td>
				</tr>
				<tr>
					<td>dasd</td>
					<td>xzcxzc</td>
				</tr>
			</table>
		</div>
		<div class="panel-footer">
			asdjaskdjkas
		</div>
	</div>

给table加一个div包裹起来,

0 回复 有任何疑惑可以回复我~
#1

likeflower950 提问者

这不失是一个好办法,只是table的左右边框跟panel的边框重叠了,显示的border变粗了
2016-05-14 回复 有任何疑惑可以回复我~
#2

JS嘛霸哥

包裹div可以设置margin-left/right: -1px 就可以消除多出来的1px的边框了
2017-03-03 回复 有任何疑惑可以回复我~

这不失是一个好办法,只是table的左右边框跟panel的边框重叠了,显示的border变粗了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

pannel面板中嵌套table的bug

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信