Introducing Line Clamping0:00
Line clamping refers to the process of, well, clamping a block of text to a certain number of lines. So for the LaraCast forum, you can see every block here is clamped to a maximum of two lines. And that's true for desktop mode, or if I were to go to an iPhone, it's going to be the same here. So it's useful. Let's review an example here. So I've set up something similar to that, a bunch of blog posts, and each post has a variable number of characters that increases as you go down here.
Single-Line Clamping Setup0:25
So I've set up something similar to that, a bunch of blog posts, and each post has a variable number of characters that increases as you go down here. So let's see what we can do about this. We'll start with single line clamping, which is kind of a different technique entirely. Let's select our paragraph here, and just to be clear, we're working with this block of text. Okay. So to start, we could say, we'll set the textOverflow to ellipses. And one really nice thing that Firefox does, by the way, is it lets you know why a particular CSS property might be inactive.
Reviewing Demo Markup1:19
line. And you might want to add additional things like how we break a word. So if there's a dash in there, how it should be broken up, but yeah, it's not the core here. Okay. So if I were to go to Sublime Text, here's what we've been working off of. So just a little bit of traditional php, 10 times render a card where the contents is a single sentence repeated based on the current index. Very basic. Okay.
