分享

display的使用

 leong 2012-03-29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<style type="text/css">
p.one {display: inline;
background-color:red;}
p.two {display: inline;
background-color:#cccfff;}

div {display:inline;
background-color:#fffccc;}
</style>
</head>
<body>
<p class="one">本例中的样式表把段落元素设置为内联元素。</p>
<p class="two">而 div 元素不会显示出来!</p>
<div>div 元素的内容不会显示出来!</div>
</body>
</html>
<!---
p div默认情况下是块元素,但是可以通过设置display:inline;的方式,将其改为行元素,这样就可以显示在一行之中了。
可以将上述程序中的display:inline;改为display:bolck;或者不写,默认为block。则他们会显示到一列。
->

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约