are shrink-to-fit table cells possible?
- by Nano8Blazex
Let's say I have a menu of a prespecified width...
I want each menu item to shrink-to-fit with its contents, with the exception of ONE, which then fills up the remaining space in the menu.
so like:
Fill | item | item | item
So far the closest I've come to achieving this effect is by using display:table-cell; in the css code for each menu item. But the problem is unless I define a width for the "item"s, they all expand to take up the same amount of width in the table.
Fill | item | item | item | item
Is there any way to have the item spaces shrink to fit the item and have the fill just fill up the rest of the div?
I might not have asked this very clearly... I'll clarify if needed.