Quote:
Originally Posted by ElMiko
!
Learning something new every day.
in your css, you have the left column at 45%, the right column at 50%, with a 10px right-margin for the left column. How'd you do the math for converting the left-over 5% into px?
|
In this case, based on trial and error
Quote:
Also, it seems that this solution basically makes the nowrap kind of meaningless since the column widths are fixed, right?
|
You can have all, dinamic width and also "white-space: nowrap"; just employ for the first column:
Code:
.col1 {
display: inline-block;
width: max-content;
max-width: 45%;
vertical-align: top;
margin-right: 10px;
white-space: nowrap;
overflow: auto;
text-overflow: clip;
}
Of course, this will change the width of the first column but not the width of .col2 that still will be 50%