如何用嵌入式css樣式將<ul>塊狀元素變成內(nèi)聯(lián)元素
ul{
? ? display:inline;
? ? text-decoration: underline;
? ? float:left;
? ? background-color:green;
? ?
}
</style>
</head>
<body>
<a >百度</a><br/>
<a href="http://idcbgp.cn">慕課網(wǎng)</a>
<span>33333</span>
<span>44444</span><em>555555</em>
<ul>
? ? <li>1苦海泛起愛(ài)恨</li>
? ? <li>1在世間難逃命運(yùn)</li>
? ? <li>1相親竟不可接近</li>
? ? <li>1或許我應(yīng)該相信是緣分</li>
? ? <li></li>
</ul>
<ul>
? ? <li>2苦海泛起愛(ài)恨</li>
? ? <li>2在世間難逃命運(yùn)</li>
? ? <li>2相親竟不可接近</li>
? ? <li>2或許我應(yīng)該相信是緣分</li>
? ? <li></li>
</ul>
</body>
的提問(wèn)？
2017-03-29
ul是塊級(jí)元素，當(dāng)然塊狀元素也可以通過(guò)代碼display:inline將元素設(shè)置為內(nèi)聯(lián)元素。
如下代碼就是將塊狀元素div轉(zhuǎn)換為內(nèi)聯(lián)元素，從而使 div 元素具有內(nèi)聯(lián)元素特點(diǎn)。
div{ ? ? display:inline;
}
......
<div>我要變成內(nèi)聯(lián)元素</div>
2017-03-29
ul{
? ? display:inline;
? ? text-decoration: underline;
? ? float:left;
? ? background-color:green;
? ?display:inline;
}