自動換行/ CSS

我有固定的寬度和右側的文本對齊的標籤形式：自動換行/ CSS

.form-horizontal label { 
    clear: right; 
    float: left; 
    font-size : 11px; 
    margin: 7px; 
    padding: 5px 5px 0 0; 
    text-align: right; 
    word-wrap:break-word; 
    width: 90px; 
}

的問題是，當標籤尺寸超過90像素，它的渲染一個字母在另一個。例如，標籤'Tx Emis。詮釋。 R $」正在呈現這樣的形象：

有隻使用CSS來自動減少字體大小，以避免這種情況的方法嗎？或者，如果沒有，我怎麼能強制換行到下一行而不是這種行爲？

提前致謝！

來源

2017-01-17 delphirules

能否請您添加完整的代碼或小提琴。 –

你嘗試設置'overflow：visible;'？ – Banzay

@Banzay謝謝，現在嘗試，但它沒有改變，它保持渲染像我張貼的圖像。 – delphirules

Responsive Font Size

* { 
    /* Calculation */ 
    --diff: calc(var(--max-size) - var(--min-size)); 
    --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px)/(1200 - 420))); /* Ranges from 421px to 1199px */ 
} 

h1 { 
    --max-size: 50; 
    --min-size: 25; 
    font-size: var(--responsive); 
} 

h2 { 
    --max-size: 40; 
    --min-size: 20; 
    font-size: var(--responsive); 
}

來源

2017-01-17 11:01:25 HudsonPH

回答

相關問題