如何让某个div居左、居右、剧中

<divclass="row">2<divclass="left2"><p>四列的第一列</p><p></p></div><divclass="left"><p>四列的第... <div class="row"> 2
<div class="left2"> <p>四列的第一列</p> <p> </p></div>
<div class="left"><p>四列的第二列</p><p> </p></div>
<div class="left2"> <p>四列的第三列</p> <p> </p></div>
<div class="right"> <p>四列的第四列</p> <p> </p></div>
</div> 2
如何让某个div居左、居右、剧中
div可以设置宽度和高度吗
展开
 我来答
百度网友52cbbd39
推荐于2016-07-21 · 知道合伙人互联网行家
百度网友52cbbd39
知道合伙人互联网行家
采纳数:98 获赞数:736
毕业于天津渤海技术学院网络专业,荣获H3CNE网络工程师、天津市网络竟赛二等奖。现任科技公司技术营销总监

向TA提问 私信TA
展开全部

div+css是Web设计标准,它是一种网页的布局方法。与传统中通过表格(Table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。

下面分别对div居左、居右、居中做下代码演示:


  • div css布局之div左对齐,div+css布局完整代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-left">此DIV靠左对齐显示</div> 
</body> 
</html>

  • div css布局之div右对齐,div+css布局完整代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-right{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-right">此DIV靠右对齐显示</div> 
</body> 
</html>

  • div css布局之div居中对齐,DIV+CSS布局完整代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-cent{margin:0 auto;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-cent">此DIV居中右对齐显示</div> 
</body> 
</html>

liuzhuoran1110
2012-06-02 · 超过14用户采纳过TA的回答
知道答主
回答量:134
采纳率:0%
帮助的人:33.4万
展开全部
style="position:relative;float:right;"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
哈哈的快
2011-11-06 · TA获得超过281个赞
知道小有建树答主
回答量:205
采纳率:0%
帮助的人:156万
展开全部
在<head></head>中加入如下代码
<style>
div{width:25%;height:100px;float:left}
.row{width:100%;}
</style>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式