View Single Post
Old 07-08-2025, 12:00 PM   #33
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,852
Karma: 8821117
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by ElMiko View Post
!

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%
RbnJrg is online now   Reply With Quote