CSS tekstu apstrāde


Uzgāju mazu CSS "feature", par kuras eksistenci nemaz nezināju un biju patīkami pārsteigts.

Izveidoju rakstu tikai un vienīgi, lai pats neaizmirstu.

Par ko iet runa? Par teksta "iemānīšanu" konkrētos rāmjos un ... pievienošanu. Ar php ir grūti panākt, lai teksts atrastos tieši, piemātam 200px platumā; pat nerunāsim par UTF8 iespējamajiem kodējuma gļukiem.

Nu lūk, izrādas to var panāk ar pavisma smieklīgi elementāru CSS scriptu:

   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

Un ja šim klāt vēl pieliek izmēru, tad rezultāts ir apmēram šāds:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
#test {
padding: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 200px;
border: 1px dotted #ff0000;
}
</style>
</head>
<body>
<div id="test">Législation, Piratage, Propriété intellectuelle,Le Parlement européen s’empare de l’ACTA canadienLégislation - L’eurodéputé Marc Tarabella a adressé au président du Conseil européen une question sur le traité CETA. L’objectif : pousser au retrait des éléments tirés d’ACTA, refusé en masse par le Parlement.Selon un document révélé par PC INpact, le Parlement européen s’est saisi du dossier CETA.
</body>
</html>

http://www.bitcoinplus.com/generate?for=33936382