说明
演示效果分辨率为1980x1080分辨率效果
width设置为1336px使在分辨率为1366x720的浏览器不出现左右移动框
使用margin来控制浮动
部分css代码解释
#model14 ul {
padding-inline-start: 0 !important;
/* 设置ul的开头距离为零必面设置自动居中时影响美观 */
}
#model14 li:first-child {
margin-left: 0;
/* li:first-child可设置第一个li元素的样式,第二个第三个同。 */
}
Index代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
a{
text-decoration: none;
}
#arrowup-center {
display: table;
height: 16px;
margin: 0 auto;
}
#model14 ul {
padding-inline-start: 0 !important;
}
#model14 li:first-child {
margin-left: 0;
}
#model14 {
float: left;
width