61,114
社区成员
发帖
与我相关
我的任务
分享
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
#pic_list { display:block; white-space:nowrap; width:500px; overflow:auto; }
#pic_list li { width:80px; height:80px; margin:3px; background:red; display:inline-block; }
</style>
</head>
<body>
<div id="pic_list">
<ul style="POSITION: absolute;">
<li><a href="javascript:void(0);">主页</a></li>
<li><a href="javascript:void(0);">工作日志</a></li>
<li><a href="javascript:void(0);">设备运行记录</a></li>
<li><a href="javascript:void(0);">其他</a></li>
<li><a href="javascript:void(0);">导航1</a></li>
<li><a href="javascript:void(0);">导航2</a></li>
<li><a href="javascript:void(0);">导航3</a></li>
<li><a href="javascript:void(0);">导航4</a></li>
<li><a href="javascript:void(0);">导航5</a></li>
<li><a href="javascript:void(0);">导航6</a></li>
<li><a href="javascript:void(0);">导航7</a></li>
<li><a href="javascript:void(0);">导航8</a></li>
<li><a href="javascript:void(0);">导航9</a></li>
<li><a href="javascript:void(0);">导航10</a></li>
<li><a href="javascript:void(0);">导航11</a></li>
<li><a href="javascript:void(0);">导航12</a></li>
<li><a href="javascript:void(0);">导航13</a></li>
<li><a href="javascript:void(0);">导航14</a></li>
<li><a href="javascript:void(0);">导航15</a></li>
<li><a href="javascript:void(0);">导航16</a></li>
<li><a href="javascript:void(0);">导航17</a></li>
<li><a href="javascript:void(0);">导航18</a></li>
<li><a href="javascript:void(0);">导航19</a></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
#pic_list
{
display:block;
white-space:nowrap;
width:500px;
overflow:auto;
}
#pic_list li
{
width:80px;
height:80px;
margin:3px;
background:red;
display:inline-block;
}
</style>
</head>
<div id="pic_list">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>