Come nascondere parte del testo all'interno di div o span?nascondi parte del testo html, css, javascript
Ho un testo di 160 caratteri, ma vorrei visualizzare solo primo 40.
devo avere il testo completo all'interno del mio div, span come faccio ricerche javascript.
Avrete bisogno di alcuni javascript per creare uno span intorno agli ultimi 120 caratteri che li nascondono. C'è un attributo CSS "visibilità: nascosto" che può essere applicato allo span.
Qualcosa del genere dovrebbe essere il risultato:
<div>first 40 chars <span style="visibility:hidden">last 120 chars</span></div>
Se si vuole agganciare il div a una certa dimensione, piuttosto che un numero esatto di caratteri, si può solo dare il div le dimensioni desiderate e specificare overflow: hidden per ritagliare il contenuto che non si adatta.
Se si assicura che l'altezza del div sia una moltitudine dell'altezza della riga del testo, non si avrà il contenuto ritagliato nel centro (verticale) di una linea.
È possibile utilizzare una semplice proprietà css per l'elemento "overflow di testo: puntini di sospensione;" per utilizzare efficacemente questa proprietà è necessario applicare alcune proprietà correlate insieme a quella.
Per esempio:
<div style="width: 50px; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;">Some text goes here</div>
* Testato in Chrome.
Questa è pura magia. – fiatjaf
Questo pone la domanda: "Come trovo i primi 40 caratteri?" ... (supponendo che questo non sia HTML statico) –
@Madmartigan Se non è HTML statico, è possibile aggiungere lo span quando si genera pagina sul server. Non dovrebbe essere troppo difficile in PHP o ASP. Facile anche con JQuery. – GolezTrol