css中使用box-direction屬性的方法

這篇文章將為大家詳細講解有關(guān)css中使用box-direction屬性的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)專注于大姚網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供大姚營銷型網(wǎng)站建設(shè)，大姚網(wǎng)站制作、大姚網(wǎng)頁設(shè)計、大姚網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造大姚網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供大姚網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

css box-direction屬性用于定義框元素的子元素以什么方向來排列，其語法是box-direction: normal|reverse|inherit，normal以默認方向顯示子元素。

css box-direction屬性怎么用？

作用：定義框元素的子元素以什么方向來排列。

語法：

box-direction: normal|reverse|inherit;

說明：

normal以默認方向顯示子元素。reverse以反方向顯示子元素。inherit應(yīng)該從子元素繼承 box-direction 屬性的值

注釋：

目前沒有瀏覽器支持 box-direction 屬性。Firefox 支持替代的 -moz-box-direction 屬性。Safari、Opera 以及 Chrome 支持替代的 -webkit-box-direction 屬性。

css box-direction屬性使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:350px;
height:100px;
border:1px solid black;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
}
</style>
</head>
<body>
<div>
<p>段落 1。</p>
<p>段落 2。</p>
<p>段落 3。</p>
</div>
<p><b>注釋：</b>IE 不支持 box-direction 屬性。</p>
</body>
</html>

效果輸出：

css中使用box-direction屬性的方法

關(guān)于css中使用box-direction屬性的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

當前名稱：css中使用box-direction屬性的方法
當前URL：http://bm7419.com/article26/jjsscg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站排名、全網(wǎng)營銷推廣、云服務(wù)器、網(wǎng)站策劃、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)