日日夜夜天天操,一本伊大人香蕉在线观看,2022av在线

_{<label id="xtb3s"></label>}

【HTML】css樣式writing-mode垂直顯示文本測(cè)試

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年9月28日 1:18 本文熱度 563

writing-mode:控制文字的屬性方向，但是不是所有的瀏覽器都兼容，在網(wǎng)頁上使用時(shí)，有的瀏覽器顯示不出該樣式。
該文測(cè)試的是垂直書寫：
網(wǎng)上對(duì)于測(cè)試的屬性值的解釋是：
tb-rl：
上-下，右-左。對(duì)象中的內(nèi)容在垂直方向上從上向下流入，自右向左。后一豎行在前一豎行的左面。全角字符是豎直向上的，半角字符如拉丁字母或片假名順時(shí)針旋轉(zhuǎn)90度。這種布局是東亞語系通常使用的（IE）
vertical-rl：
垂直方向自右而左的書寫方式。即 top-bottom-right-left（類似IE私有值tb-rl）

測(cè)試瀏覽器：IE、QQ瀏覽器兼容模式。
tb-rl：在div中和td中，從右向左寫，豎著寫，從容器的右側(cè)開始寫。（三項(xiàng)正常）
vertical-rl：div和td中，從左向右寫，橫著寫，從容器左側(cè)開始寫。（無效）

測(cè)試瀏覽器：QQ瀏覽器極速模式
tb-rl：div中，從右向左寫，豎著寫，從容器的右側(cè)開始寫。（三項(xiàng)正常）
vertical-rl：在div中，從左向右寫，豎著寫，從容器左側(cè)開始寫。（豎著正常，一項(xiàng)正常）
td中兩個(gè)值的效果都是:從左向右寫，橫著寫，從容器左側(cè)開始寫，中文日文文字被旋轉(zhuǎn)，（都不正常）

測(cè)試瀏覽器：火狐
tb-rl：div中，從右向左寫，豎著寫，從容器的右側(cè)開始寫。（三項(xiàng)正常）
在td中，從右向左，豎著寫，在容器左側(cè)。（豎著，和從右向左兩項(xiàng)正常）
vertical-rl：在div和td中，從左向右寫，豎著寫，從容器左側(cè)開始寫。（豎著正常，一項(xiàng)正常）

測(cè)試結(jié)果：就測(cè)試的幾個(gè)瀏覽器和自己瀏覽器的當(dāng)前版本來說，tb-rl在div中效果都是一致的。中文和英文的文字方向不同，因?yàn)橐话憔蛠喼拮钟写怪睂懛ā?/p>

測(cè)試代碼：

<div style="width:400px;height:100px;background:#8ee09f;">
div中文まで<br>LODOP勞道譜
</div>
<div style="width:400px;height:100px;background:#8ea5e0;writing-mode:tb-rl;">
div中文まで<br>LODOP勞道譜
</div>
<div style="width:400px;height:100px;background:#dd8ee0;writing-mode:vertical-lr;">
div中文まで<br>LODOP勞道譜
</div>
<table border=1>
<tr>
    <td style="width:400px;height:100px;writing-mode:tb-rl;background:#8ee0df;">td中文まで<br>LODOP勞道譜</td>
</tr>
<tr>
    <td style="width:400px;height:100px;writing-mode:vertical-lr;background:#e0d58e;">td中文まで<br>LODOP勞道譜</td>
</tr>
</table>

圖示：就測(cè)試的幾個(gè)瀏覽器和自己瀏覽器的當(dāng)前版本來說，tb-rl在div中效果都是一致的,且tb-rl在IE和兼容模式里，在td里也和div中效果一樣。

在qq瀏覽器兼容和極速模式下測(cè)試了下在div中居中的垂直的文字，結(jié)果也是tb-rl在qq瀏覽器兼容和極速里都正常，加上行高等后，在qq兼容模式里，vertical-rl在div里顯示有問題，加了行高后就是水平的了文字跑到了下面。
測(cè)試代碼：

<div style="width:400px;height:100px;background:#8ee09f;text-align:center;line-height:100px;">
div中文まで
</div>
<div style="width:400px;height:100px;background:#8ea5e0;text-align:center;line-height:400px;writing-mode:tb-rl;">
div中文まで
</div>
<div style="width:400px;height:100px;background:#dd8ee0;text-align:center;line-height:400px;writing-mode:vertical-lr;">
div中文まで
</div>
<table border=1>
<tr>
    <td style="width:400px;height:100px;writing-mode:tb-rl;background:#8ee0df;">td中文まで</td>
</tr>
<tr>
    <td style="width:400px;height:100px;writing-mode:vertical-lr;background:#e0d58e;">td中文まで</td>
</tr>
</table>

圖示:

該文章在 2023/9/28 1:18:50 編輯過

關(guān)鍵字查詢

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲(chǔ)管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。

狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

【HTML】css樣式writing-mode垂直顯示文本測(cè)試