Hello everyone and welcome back.
In today's video we will learn about display volumes in each team and all the elements have a default
value which is mostly block and in line but we can overlay these display values using the display properties
of CSX.
Let's try an example to understand it better.
Let's say you've got these divisions.
Let's add a class to it.
Say image roughly.
Let's just.
You stood in all the divisions
but save it.
Let's bring about good editor here so because it's a glass of DOT and image wrap when
so def has a default value of block.
So let's change that.
So instead of display log let's make it in line.
Let's say it now as you can see because the display became inline so all the content.
Now it can come next to each other similarly span as a default value of inline.
So let's try out in some span.
So coming up here
let's automotive an insight that lets out multiple span see home
looses
an amount.
Let's give them a plus C class menu item
let's pasted here and hew to it as you can see here we've got these funds next to each other.
Because as far as the display value of in line so if we change it to block.
So let's try that same menu item on display block so once we change your display block.
Now it's taking the width of the entire space available.
That's why all our spending limits.
They're just coming on the next line display also except and other property.
None.
So what this does is it hides your estimate element.
Similarly it says has another property called visibility.
So let's just bring it back for now and let's say visibility so it accepts hidden and visible.
So let's give it a value of say hidden.
And when you make visibility hidden that element go away but they still take the space.
So display so none
so far as you see here.
Each menu item taking one line.
So when we do usability hidden the content goes away.
But this does take the space.
But when we do display displayed.
The extreme elements height as well as the don't occupy any space.
So that's the difference between display none and visibility hidden still would want that space to be
taken by your external elements.
In those cases you can use visibility then but there will be cases where you would want your estimate
element to hide altogether including not taking the space.
So in those cases you can use display not that's also the day guys.
If there's something that you did not understand feel free to local comment and we will discuss it.
See in the next video by Andy.