DIV+CSS一行三列代码如何写?
如题:在HTML用Dreamweaver写出来如下代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""...
如题:在HTML用Dreamweaver写出来如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- body { margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; } --> </style> </head> <body> <table width="980" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="320"><script language="JavaScript" type="text/javascript" src="HeadTime.js"></script> </td> <td width="330"><table width="320" border="0" cellpadding="0" cellspacing="0" style="border:#00FFFF 1px solid;"> <tr> <td width="320" style="background:#BFF7FB"> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="330" align="right"><table width="320" border="0" cellpadding="0" cellspacing="0" style="border:#00FFFF 1px solid;"> <tr> <td style="background:#BFF7FB"> </td> </tr> <tr> <td> </td> </tr> </table></td> </tr> </table> </body> </html> 解决问题加分.
展开
1个回答
展开全部
此处的注释为去掉换行符的影响
.wrapper
{
width:
100%;
/*
也可以固定宽度
*/
height:
200px;
}
.wrapper
>
div
{
display:
inline-block;
/*
如需支持ie8以下版本，用浮动来做
*/
width:
calc(100%
/
3);
/*
此处运用了一个css3的表达式，将div三等分，ie8及以上可以支持，当然也可以根据需要设置固定值
*/
width:
-webkit-calc(100%
/3);
width:
-moz-calc(100%
/
3);
height:
100%;
}
以上经亲自测过，ie8+、chrome、firefox表现良好。
.wrapper
{
width:
100%;
/*
也可以固定宽度
*/
height:
200px;
}
.wrapper
>
div
{
display:
inline-block;
/*
如需支持ie8以下版本，用浮动来做
*/
width:
calc(100%
/
3);
/*
此处运用了一个css3的表达式，将div三等分，ie8及以上可以支持，当然也可以根据需要设置固定值
*/
width:
-webkit-calc(100%
/3);
width:
-moz-calc(100%
/
3);
height:
100%;
}
以上经亲自测过，ie8+、chrome、firefox表现良好。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
