在网页制作中，已有一个div，称0。现需在0中插入div，且称为1。1距0左边30px,顶部400px。
在网页制作中，已有一个div，称0。现需在0中插入div，且称为1。1距0左边30px,顶部400px。在0内有三个li标签要求左浮动，li中文字内容居中（上下也需要居中...
在网页制作中，已有一个div，称0。现需在0中插入div，且称为1。1距0左边30px,顶部400px。在0内有三个li标签要求左浮动，li中文字内容居中（上下也需要居中）。请好心人写下代码
展开
3个回答
展开全部
<style>
.div0 { margin:auto; width:auto; height:auto; border:1px solid #000;}
.div1 { margin:400px 0 0 30px; width:auto; height:auto; overflow:hidden; border:1px solid #0F0; font-size:12px; line-height:18px; }
.div1 td { margin:0; padding:0; list-style:none; width:200px; height:auto; border:1px solid red; }
</style>
<div class="div0">
<div class="div1">
<table width="600px" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="middle" align="center">文字居中的</td>
<td valign="middle" align="center">飞洒到了福建省电力法<br />sadfsdfsdfsdf</td>
<td valign="middle" align="center">撒旦解放立刻升级的法律手段</td>
</tr>
</table>
</div>
</div>
涉及到垂直居中最好用表格，div在这一点很有局限性的，另外就是div中加li标签这个不符合w3c标准，最好不要这么写
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style>
*{margin:0; padding: 0;}
.div_0 { background: #ccc; width: 960px; height: 1000px; margin: 0 auto; padding-top: 400px }
.div_1 { background: #fff; width: 800px; height: 40px; margin: 0 auto }
.div_1 ul {width:285px; margin:0 auto; padding: 0; list-style: none }
.div_1 ul li { background: #0C0; color: #FFF; float: left; width: 75px; height: 30px; line-height: 30px; margin: 5px 10px; text-align: center }
.div_1 ul li:hover{ background:#F00; color:#000 }
</style>
</head>
<body>
<div class="div_0">
<div class="div_1">
<ul>
<li>列表</li>
<li>列表</li>
<li>列表</li>
</ul>
</div>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设li的高度问888px;
<div class="0">
<div class="1"></div>
<li></li>
<li></li>
<li></li>
</div>
<style>
.0{position:relative;}
.1{position:absolute;left:30px;top:400px;}
.0 li{float:left;display:inline;text-align:center;line-height:888px;}
.0 li img{vertical-align:middle;}
</style>
<div class="0">
<div class="1"></div>
<li></li>
<li></li>
<li></li>
</div>
<style>
.0{position:relative;}
.1{position:absolute;left:30px;top:400px;}
.0 li{float:left;display:inline;text-align:center;line-height:888px;}
.0 li img{vertical-align:middle;}
</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
