How to prevent line-break in a column of a table cell not a single cell

Question

How can I prevent automatic line breaks in a column of table  not a single cell

User · Answer

You can use the CSS style white-space   white-space  nowrap

User · Answer

Use the nowrap style    lt td style  white-space nowrap   gt     lt  td gt    It s CSS

User · Answer

There are a few ways to do this  none of them are the easy  obvious way   Applying white-space nowrap to a  lt col gt  won t work  only four CSS properties work on  lt col gt  elements - background-color  width  border  and visibility   IE7 and earlier used to support all properties  but that s because they used a strange table model   IE8 now matches everyone else   So  how do you solve this   Well  if you can ignore IE  including IE8   you can use the  nth-child   pseudoclass to select particular  lt td gt s from each row   You d use td nth-child 2    white-space nowrap       This works for this example  but would break if you had any rowspans or colspans involved    If you have to support IE  then you ve got to go the long way around and apply a class to every  lt td gt  that you want to affect   It sucks  but them s the breaks   In the long run  there are proposals to fix this lack in CSS  so that you can more easily apply styles to all the cells in a column   You ll be able to do something like td nth-col 2    white-space nowrap    and it would do what you want

User · Answer

To apply it to the entire table  you can place it within the table tag     lt table style  white-space nowrap   gt

User · Answer

lt td style  white-space  nowrap  gt    The nowrap attribute I believe is deprecated  The above is the preferred way

User · Answer

Just add  style  white-space nowrap     Example    lt table class  blueTable  style  white-space nowrap   gt      lt tr gt         lt td gt My name is good lt  td gt       lt  tr gt    lt  table gt

User · Answer

Put non-breaking spaces in your text instead of normal spaces  On Ubuntu I do this with  Compose Key -space-space

User · Answer

For completion sake    table id td nth-child 2    white-space  nowrap     Is used for applying a style to the 2 column of the table id table   This is supported by all major Browsers  IE started supporting this from IE9 onwards

User · Answer

lt table class  blueTable  gt     lt tr gt        lt td gt My name is good lt  td gt      lt  tr gt   lt  table gt    lt style gt         table blueTable td      table blueTable th           white-space  nowrap             non-question related further styling            border  1px solid  AAAAAA          padding  3px 2px          text-align  left         lt  style gt    This is an example usage of the white space property with value nowrap  the bluetable is the class of the table  below the table are the CSS styles

[html] How to prevent line-break in a column of a table cell (not a single cell)?

Examples related to html

Examples related to css

Examples related to layout