Ho un problema che mi sta dando qualche difficoltà: ho una pagina di questo tipo, dove l'intero testo deve stare su una sola riga, il tutto formattato con un carattere NON a spaziatura fissa.

codice:
<div id="container">
	[Testo costante]
	<span id="variabile">
		[Primo parametro variabile]
	</span>
	[Altro testo costante]
	<span id="variabile2">
		[Secondo parametro variabile]
	</span>
</div>
La questione è che non è conosciuta a priori la lunghezza dei due elementi variabili e che, specialmente su schermi piccoli, il tutto tende a essere troppo lungo e uscire dal layout.

Quello che vorrei fare è avere una funzione in Javascript che taglia le parti variabili in funzione della dimensione della finestra (del browser), mantenendo quelle costanti inalterate e le dimensioni dell'insieme all'interno del layout.

Esempio
codice:
<div id="container">
	[Testo costante]
	<span id="variabile">
		[Primo parametr...]
	</span>
	[Altro testo costante]
	<span id="variabile2">
		[Secondo param...]
	</span>
</div>
La mia prima idea è stata quella di usare

codice:
document.defaultView.getComputedStyle("variabile", "").width
per ottenere la larghezza in pixel dello span, ma ho scoperto che funziona solo su elementi di tipo block.

Grazie in anticipo a chiunque saprà rispondermi