|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你可以轻松地控制页面的布局。
div下图片自顺应办理办法
之前的办理办法次要是使用js来完成,但用过的人都晓得该举措有点烦琐。另有一种是在内部容器界说over-flow:hidden。但这类举措只会切割图片而不会主动合用。
关头在于:max-width:780px;和上面那行。
流动像素顺应:
dotted;TABLE-LAYOUT:fixed;BORDER-TOP:#cccccc1pxdotted;BORDER-LEFT:#cccccc1pxdotted;BORDER-BOTTOM:#cccccc1pxdotted"cellSpacing=0cellPadding=6width="95%"align=centerborder=0>以下是援用片断:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<htmlxmlns="http://www.w3.org/1999/xhtml";>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>CSS2.0VSie</title>
<styletype="text/css">
<!--
body{
font-size:12px;
text-align:center;
margin:0px;
padding:0px;
}
#pic{
margin:0auto;
width:800px;
padding:0;
border:1pxsolid#333;
}
#picimg{
max-width:780px;
width:expression(document.body.clientWidth>780?"780px":"auto");
border:1pxdashed#000;
}
-->
</style>
</head>
<body>
<divid="pic">
</div>
</body>
</html></p>
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 |
|