行内元素盒块状元素的转换

div与span对文字的控制，div可设置宽高，而span不可以，文字多大就多大；

div转换为span：display：inline；去掉设置的宽高，因为没有用；

span转换为div：display：block；设置宽高

<style>
div{
background:red;
height:200px;
width:200px;
display:inline;
}
span{
background:blue;
display:block;
height:150px;
width:150px;
}
</style>
</head>
<body>
<div>
北方有佳人，绝世而独立。</br>
一顾倾人城，再顾倾人国。</br>
宁不知倾城与倾国，佳人难再得。</br>
</div>
<span>
北方有佳人，绝世而独立。</br>
一顾倾人城，再顾倾人国。</br>
宁不知倾城与倾国，佳人难再得。</br>
</span>
</body>

 

posted @ 2016-07-18 20:24  匿名的girl  阅读(206)  评论(0)    收藏  举报