Søg
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 22:24 Der er 18 kommentarer og
1 løsning

sætte max længde på tekst via css

Er det muligt at sætte max-længden for en tekst via css, så jeg eks. kan få den til at lave linieskift, hvis der er mere end X antal tegn i min tekst?
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 22:33 #1
Nej, det er så vidt jeg ved ikke muligt. Men det er muligt at lave en max-længde i pixels.

Hvis du ønsker en max længde i antal tegn, så ville jeg nok gøre dette via noget serverside scripting som ASP eller PHP. Der kan du nemt lige tælle op og så lave linieskift.
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 22:38 #2
Det er fint nok, hvis jeg kan opnå det samme med max-længde i pixels. Altså indsætte linieskift, hvis linien er større end x antal pixel. Hvordan gør jeg det?
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 22:46 #3
Du definerer bare en bredde på det element som teksten bor inde i. Så laver den automatisk liniskift, men den holder dog ordene sammen, men det går jeg også ud fra at du ønsker?
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 22:47 #4
Og i CSS definerer du en bredde med:

width:100px;
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 23:02 #5
ok. Det har jeg prøvet nu, men det virker ikke. Jeg har indsat følgende:
        background-image: url(Images/stars/SavedStar.png);

    font-size: 10px;
    width: 200px;

(background-image er blot for at tjekke, at den faktisk tildeler CSSen til teksten)
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 23:15 #6
Poster du en URL?
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 23:23 #7
Har ikke lige mulighed for at smide noget op på et offentligt domæne p.t. Har lavet følgende eksempel. Den skriver strengen som én lang streng istedet for at dele den op pr. 100px:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
</head>
<body>
    <span style="width: 100px" class="testCSS">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span>
</body>
</html>
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 23:24 #8
ups... fjern "class="testCSS""... virker dog stadig ikke efter hensigten
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 23:31 #9
Brug et block-element som fx div, i stedet for span.
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 23:32 #10
hov, og så er der jo ingen mellemrum i din tekst. Så vil den ikke kunne finde ud af at dele det op. Men det er der en løsning på.. 3 sek
Avatar billede mapoulsen Nybegynder
18. oktober 2006 - 23:34 #11
Nej, det kan jeg ikke lige huske. Plejer vidst bare at undgå så unaturligt lange ord som det du har indsat der.
Avatar billede thomasabcd Nybegynder
18. oktober 2006 - 23:37 #12
Ovenstående er også urealistisk. Troede dog ikke,det gjorde en forskel... men hvis jeg bruger div istedet for span, virker det perfekte i min rigtige situation. Tak for hjælpen!
Avatar billede roenving Novice
18. oktober 2006 - 23:40 #13
Typisk støder man ind i den slags problemer fordi nogen prøver at spamme en tagwall e.l., og så er løsningen at banne den slags indlæg ...

-- og ellers skal du over i java script:

<script type="text/javascript">
var txt = "dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd"
document.getElementById.innerHTML = txt.replace(/[^\b]{26}/,"$1<br>");
</script>
Avatar billede elskermad.dk Nybegynder
19. oktober 2006 - 08:13 #14
roenving: hvad betyder \b ?
Avatar billede olebole Juniormester
19. oktober 2006 - 11:45 #15
<ole>

elskermad.dk >> word boundary  ;o)

/mvh
</bole>
Avatar billede elskermad.dk Nybegynder
19. oktober 2006 - 15:28 #16
:) og det er alle almindelige tegn eller? der er \d for tal, \b er så bogstaver?
Avatar billede olebole Juniormester
19. oktober 2006 - 15:33 #17
\b matcher begyndelsen eller slutningen af ethvert ord.
Derimod matcher \w ethvert 'ord'-tegn ... ligesom \d matcher ethvert tal.
Håber, det hjalp  :)
Avatar billede elskermad.dk Nybegynder
19. oktober 2006 - 16:59 #18
dvs din reg.exp. kun skiller hvis den _ikke_ finder en slutning eller start inden for 26 tegn?
Avatar billede roenving Novice
19. oktober 2006 - 23:53 #19
Jepz !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »