国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
頁面的強(qiáng)制換行問題總結(jié) - (www.knowsky.com)
 如果想要一個(gè)table固定大小,里面的文字強(qiáng)制換行(尤其是在一長串英文文本,并且中間無空格分隔的情況下),以達(dá)到使過長的文字不撐破表格的目的,一般是使用樣式:。但是在Firefox下面,會(huì)有一些問題,參考Gmail的一些做法,做了幾個(gè)測試,得出一種解決辦法。

如果想要一個(gè)table固定大小,里面的文字強(qiáng)制換行(尤其是在一長串英文文本,并且中間無空格分隔的情況下),以達(dá)到使過長的文字不撐破表格的目的,一般是使用樣式:。但是在Firefox下面,會(huì)有一些問題,參考Gmail的一些做法,做了幾個(gè)測試,得出一種解決辦法。

例1:(IE瀏覽器)普通的情況

<table border=1 width=80>
<tr>
<td>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:

可以看到width=80并沒有起作用,表格被字符撐開了。

例2:(IE瀏覽器)使用樣式

<style>
.tbl {}
</style>

<table class=tbl border=1 width=80>
<tr>
<td>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:

width=80起作用了,但是表格換行了。

例3:(IE瀏覽器)使用樣式與nowrap

<style>
.tbl {}
</style>

<table class=tbl border=1 width=80>
<tr>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:

width=80起作用了,換行也被干掉了。

例4:(IE瀏覽器)在使用數(shù)值固定td大小情況下使用樣式與nowrap

<style>
.tbl {}
</style>

<table class=tbl border=1 width=80>
<tr>
<td width=20 nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:

不幸發(fā)生了,第一個(gè)td的nowrap不起作用了

例5:(IE瀏覽器)在使用百分比固定td大小情況下使用樣式與nowrap

<style>
.tbl {}
</style>

<table class=tbl border=1 width=80>
<tr>
<td width=25% nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:

改成百分比,終于搞定了

例6:(Firefox瀏覽器)在使用百分比固定td大小情況下使用樣式與nowrap效果:


把例5放到firefox下面,又ft了

例7:(Firefox瀏覽器)在使用百分比固定td大小情況下使用樣式與nowrap,并且使用div

<style>
.tbl {}
.td {overflow:hidden;}
</style>

<table class=tbl border=1 width=80>
<tr>
<td width=25% class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
</tr>
</table>
效果:

天下終于太平了

例8:(Firefox瀏覽器)在使用數(shù)值固定td大小情況下使用樣式與nowrap,并且使用div

<style>
.tbl {}
.td {overflow:hidden;}
</style>

<table class=tbl border=1 width=80>
<tr>
<td width=20 class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
</tr>
</table>
效果:

nowrap又不起作用了

最終,例7是一個(gè)在IE和Firefox都可以完美解決頁面強(qiáng)制換行問題的解決方案。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CSS FireFox and IE 換行問題解決方案
table-layout:fixed 屬性的解說
css實(shí)現(xiàn)強(qiáng)制不換行/自動(dòng)換行/強(qiáng)制換行 - 記錄每個(gè)點(diǎn)滴 - 博客大巴
html table td過長解決辦法
table-layout的fixed屬性
網(wǎng)頁中強(qiáng)制固定表格寬度
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服