Scroll Bar e non andare a capo automaticamente.

[Alefux]

Questa è la parte del css..

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {

        text-align: left;
	overflow: auto;
	height: auto;
        width: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px; 
/* overflow: scroll; */


}

e la struttura dell'html è questa:

<div class="codeblock">
<div class="title">Titolo Box:</div><div class="body" dir="ltr">
<code>
Contenuto... Contenuto.. Ancora contenuto..
</code>
</div>
</div>


Se l'altezza del <code> supera i 200 px, viene bloccata e aggiunta una scrollbar verticale grazie alla proprietà overflow.

Io vorrei fare in modo che se una riga è molto lunga, invece di andare a capo automaticamente alla fine della parola, la riga continui, ma invece di andare oltre la pagina, venga messa una scrollbar orizzontale a <code>

[mexican]

Originariamente inviato da Alefux
Questa è la parte del css..

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {

        text-align: left;
	overflow: auto;
	height: auto;
        width: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px; 
/* overflow: scroll; */


}

e la struttura dell'html è questa:

<div class="codeblock">
<div class="title">Titolo Box:</div><div class="body" dir="ltr">
<code>
Contenuto... Contenuto.. Ancora contenuto..
</code>
</div>
</div>


Se l'altezza del <code> supera i 200 px, viene bloccata e aggiunta una scrollbar verticale grazie alla proprietà overflow.

Io vorrei fare in modo che se una riga è molto lunga, invece di andare a capo automaticamente alla fine della parola, la riga continui, ma invece di andare oltre la pagina, venga messa una scrollbar orizzontale a <code>

basta mettere un valore al width se non erro

[webdemo]

sposto in CSS

se ho capito cosa vuoi fare dovrebbe essere così:

.codeblock code {
	text-align: left;
	height: auto;
	width: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px; 
	/*overflow: auto;*/
	overflow-x: auto;
}