Restrict Word Wrap on a Specific Table Column With CSS

Question

I'd like to restrict word-wrap on the text in a single column of a table. Basically, I want the equivalent of white-space: nowrap on every cell in the second column of the table.

The thing is, I can't really access the html, only the CSS. So, is there a way to do this with CSS only?

EDIT: It really only needs to work with Chrome or most recent browsers.

Probably using nth-child but you'll run into browser compatibility issues (namely IE < 9 and FF up to 3). Can you live with that? — Pekka
– Pekka, Commented Apr 1, 2011 at 19:07

Pekka · Accepted Answer · 2011-04-01 19:22:38Z

1

The nth-child CSS 3 pseudo-class works in Chrome, FF > 3.0, and IE >= 9.

http://jsfiddle.net/TwcEB/

table tr > *:nth-child(2n+1) {
    background-color: red;
}

this is the only non-JavaScript way to do this.

answered Apr 1, 2011 at 19:22

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Restrict Word Wrap on a Specific Table Column With CSS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related