首页 > 代码库 > 消除2个按钮之间1px细节引起的冲突
消除2个按钮之间1px细节引起的冲突
1、代码
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>消除2个按钮之间1px细节引起的冲突</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <style type="text/css"> /*源代码解读*/ .pagination>li>a { position: relative; /*设置浮动*/ float: left; padding: 6px 12px; /*设置间距*/ margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } </style> </head> <body> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">?</span> </a> </li> <li> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">5</a> </li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">?</span> </a> </li> </ul> </nav> </body> </html>
2、效果
消除2个按钮之间1px细节引起的冲突
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。