Hello, everyone, and welcome back.
In today's video, we could learn how to handle long words and multi line sentences.
Let's say we have these block guards.
And what we want is these headings do not go in the next line and say this should stay in one line with
ellipses at the end.
So if you're wondering what is ellipses, it is the daughter.
Don't think at the end of a text.
Let's bring them up with them and give it a try.
Let's bring it up here.
So if we're heading, there is a bus, so not heading coming to index failure.
So we've already got it here.
OK, so first, all do you want to do is you want to stop the state from going to next name.
So when the funding doesn't fix in one lane, it tries to find the life space and it drops the countdown
to the next line.
So what do we want to do is ruin that.
So for that, we have a property, white space.
You can give it a value.
No role or what we're dealing here, scissors.
So don't drop even when white spaces encounter.
So now as you can see.
All these headings are going out of the guard.
So let's handle the overflow, so overflow, see hidden.
Let's save it.
And now, as you can see the text or this getting its clear on what we need is just the ellipses.
At the end.
So to get that, we can use another property called text overflow.
So coming up, Hugh, let's use that property next overflow.
So it accepts to at least clip and ellipses.
So let's try click.
And as you can see, it stays the scene because this clip is the default value.
The other value is ellipses.
So let's save it.
Now, as you can see, they are these ellipses.
At the end of the text or dot, dot, dot at the end of these headings.
Now, let's say you have this really big word and you want it to move up on the next line.
So for that, we have two options.
First, we can use the property would break.
So let's give that a try.
So coming down here to blow description.
Let's use this word brief so it accepts two values.
First is big on.
So let's hear it.
And now, as you can see, it just breaks the word.
As soon as it reaches the end of the line.
Similarly, the other values keep all.
So what it does is.
It doesn't reach the world and it overflows.
So the next option was worded up, so let's give that a try.
And it accepts a value Greek word.
So let's use the.
And now, as you can see, even this is breaking the word, but it tries to break the word at a more
meaningful point, but if it cannot find a meaningful point, it just breaks it.
So let's compare gold.
So first was what?
Break.
Break all.
Let's this let's save it.
And now, as you can see, it's breaking the word as soon as the lightning gets over here.
So it's Lorem as you that's coming this uncommon.
The Wardrop property.
And as you can see, when this big word was encountered, it did not break it right to you.
It took it to the next lane waiting to the end of the lane.
But it could not find a space or something meaningful to break this word.
And then it just broke in from the middle.
And that's how this word love property rose.
That's all for today, guys.
If there's something that you did not understand.
Feel free, drop a comment and we will discuss it.
See you in the next video.
Bye, A.J..