|
<!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">本例中的樣式表把段落元素設(shè)置為內(nèi)聯(lián)元素。</p> <p class="two">而 div 元素不會顯示出來!</p> <div>div 元素的內(nèi)容不會顯示出來!</div> </body> </html> <!--- p div默認(rèn)情況下是塊元素,但是可以通過設(shè)置display:inline;的方式,將其改為行元素,這樣就可以顯示在一行之中了。 可以將上述程序中的display:inline;改為display:bolck;或者不寫,默認(rèn)為block。則他們會顯示到一列。 ->
|
|
|