第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

CSS文本-表格單元格中的溢出?

CSS文本-表格單元格中的溢出?

眼眸繁星 2019-06-25 13:12:11
CSS文本-表格單元格中的溢出?我想使用CSStext-overflow在表格單元格中,如果文本太長(zhǎng),不能放在一行上,它將用省略號(hào)剪輯,而不是包裝到多行。這個(gè)是可能的嗎?我試過(guò)這個(gè):td {   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;}但white-space: nowrap似乎使文本(及其單元格)不斷向右展開(kāi),將表的總寬度推到容器的寬度之外。但是,如果沒(méi)有它,當(dāng)文本到達(dá)單元格的邊緣時(shí),將繼續(xù)換行到多行。
查看完整描述

3 回答

?
慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

若要在省略號(hào)溢出表單元格時(shí)用省略號(hào)剪輯文本,則需要將max-width屬性td類(lèi)以使溢出正常工作。不需要額外的布局div

td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

用于響應(yīng)性布局;使用max-width屬性指定列的有效最小寬度,或只使用max-width: 0;為了無(wú)限的靈活性。此外,包含表還需要特定的寬度,通常是width: 100%;,并且這些列的寬度通常設(shè)置為總寬度的百分比。

table {
    width: 100%;}td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}td.columnA {
    width: 30%;}td.columnB {
    width: 70%;}

歷史記錄:對(duì)于IE9(或更少),您需要在HTML中使用它來(lái)修復(fù)IE特定的呈現(xiàn)問(wèn)題。

<!--[if IE]>
<style>
    table {
        table-layout: fixed;
        width: 100px;
    }
</style>
<![endif]-->


查看完整回答
反對(duì) 回復(fù) 2019-06-25
  • 3 回答
  • 0 關(guān)注
  • 776 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)