Nasconde la barra di scorrimento in pre se non necessario

Question

Il spec dice che una barra di scorrimento orizzontale dovrebbe essere sempre visualizzata se è impostato overflow-x: scroll.

Sul mio sito web inserisco spesso codice in un <pre> -Block. Poiché questo non ha una larghezza predefinita, ma il div circostante ha un valore massimo (definito come percentuale), sembra che non riesca a capire come ottenere quanto segue: Nel caso in cui un blocco di codice non sia troppo largo, nascondere la barra di scorrimento orizzontale . Se supera la larghezza, mostra una barra di scorrimento. Qualche suggerimento? Penso di aver provato la maggior parte delle combinazioni di overflow-x e -y, ma nessuno sembra fare ciò che voglio.

Answer 1

Usa:

overflow-x: auto; 

auto indica al browser di mostrare solo una barra di scorrimento se il contenuto supera la larghezza della scatola.