enhancement to the narrow_column style class so that it makes a column as narrow as possible without line-breaking its content. This is a good replacement for simple WIDTH="1%" and also helps avoiding line-breaking Chinese, Japanese and Korean text incorrectly.

A similar method is explained in this message as reference:
http://lists.evolt.org/archive/Week-of-Mon-20021014/124859.html

Talked with Pim and tested on IE/gecko/opera8.0. for older browsers doesn't understand CSS2 it behave the same as WIDTH="1%".
This commit is contained in:
zhangweiwu 2005-07-04 17:23:39 +00:00
parent 4924cfc9e2
commit c241bb3416
7 changed files with 7 additions and 7 deletions

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
--> -->
</style> </style>

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: #F1F1F1; } .row_on { color: {row_text}; background-color: #F1F1F1; }
.row_off { color: {row_text}; background-color: #ffffff; } .row_off { color: {row_text}; background-color: #ffffff; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
#dhtmltooltip #dhtmltooltip

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
--> -->
</style> </style>

View File

@ -8,7 +8,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
.tablink { color: #000000; } .tablink { color: #000000; }
{app_css} {app_css}
--> -->

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
--> -->
</style> </style>

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
--> -->
</style> </style>

View File

@ -3,7 +3,7 @@
.row_on { color: {row_text}; background-color: {row_on}; } .row_on { color: {row_text}; background-color: {row_on}; }
.row_off { color: {row_text}; background-color: {row_off}; } .row_off { color: {row_text}; background-color: {row_off}; }
.th { color: {th_text}; background-color: {th_bg}; } .th { color: {th_text}; background-color: {th_bg}; }
.narrow_column { width: 6em; } .narrow_column { width: 1%; white-space: nowrap; }
{app_css} {app_css}
--> -->