<!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。则他们会显示到一列。 ->
|
|