Need some CSS help: I have a URL which I want to split up in segments and every segment should be displayed on a new line BUT the text should copy/paste as a functioning URL (so no line breaks) .segment { display: block} doesn’t work Now what?
-
Show this thread
-
So it should display on the wegpage like this: https://some.url/ ?with=parameters &multiple=lines And copy like: https://some.url/?with=parameters&multiple=lines
3 replies 0 retweets 0 likesShow this thread -
Replying to @thijsniks
Do you want to define where the break points are? Normally, just use word-wrap & overflow-wrap,https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ …
1 reply 0 retweets 0 likes -
Replying to @jaapstronks
I would like to break at specific points, so every variable in the query string is on its own line
1 reply 0 retweets 0 likes -
-
Replying to @jaapstronks
Ah! That’s promising. But how do I force it to always break at that point…
1 reply 0 retweets 0 likes
Found it! Wrap segments in a <span class=“segment”> and apply: .segment::before { content: "\00000a”; // insert line break white-space: pre; // enforce wrapping }
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
at
retweets