Page 1 of 1
Flex container
Posted: Mon Feb 04, 2019 7:07 pm
by Lasa
I love the way flex container works with images. If you put 4 images side by side as the browser gets smaller the end image get tucked under, the top centers and spaces etc., but if you put a text box of in the mix, the text box stretches out messes up the spacing on the top layer. Is there anyway to keep the text box locked size wise?
Cheers,
Lasa
Re: Flex container
Posted: Mon Feb 04, 2019 7:20 pm
by Pablo
You can control the flex behavior of object with er object's flexbox properties.
By default text will flow to the full width of its container.
http://www.wysiwygwebbuilder.com/flexbox.html
Re: Flex container
Posted: Mon Feb 04, 2019 11:09 pm
by Lasa
Thanks for the link its perfect.
You indicate "By default text will flow to the full width of its container" is there a way to over ride this default I'm not seeing?
As in have the text box NOT flow?
I'd love to use it in a header with text and navigation but the text box messes it up by flowing to the full width.
Maybe some html code?
Cheers,
Lasa
Re: Flex container
Posted: Tue Feb 05, 2019 7:15 am
by Pablo
Note that this is standard HTML behavior.
You can control the size of the via its flexbox properties.
For example, you can set the flex basis of the text to 25% and other another element to 75%.