Revision history [back]

click to hide/show revision 1
initial version

answered 2018-01-24 03:26:29 +0800

chillworld gravatar image chillworld flag of Belgium

https://github.com/chillw...

Don't now if it's the best solution for performance but hbox or vbox can help you out here.
Just wrap the label in it and use the pack and align property.

Chill.

Don't now if it's the best solution for performance but hbox or vbox can help you out here.
Just wrap the label in it and use the pack and align property.

Edit:

I just played with your code in fiddle and I forwarded this issue to ZK.
The hbox works perfect, but the height of the div from rowchildren is another size then the first and last rowchildren.

But indeed, a good solution. Maybe add your self found solution as an answer.

Chill.

Don't now if it's the best solution for performance but hbox or vbox can help you out here.
Just wrap the label in it and use the pack and align property.

Edit:

I just played with your code in fiddle and I forwarded this issue to ZK.
The hbox works perfect, but the height of the div from rowchildren is another size then the first and last rowchildren.

But indeed, a good solution. Maybe add your self found solution as an answer.

Just had response back from ZK.
I'll quote the answer here :

The height 100% can't be calculated as the parent doesn't have a height either.
Then rowchildren is using "float: left", which doesn't respect the parent height anyway (IIRC).
Since this has been a traditionally hard/impossible layout challenge - CSS-flex was introduced into "modern" browsers (incl. IE11) If that's enough for your purpose then here an example how to achieve an automatically fitting line height

http://zkfiddle.org/sample/3tcohlf/1-rowlayout-flex

Chill.

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More