Spread text out inside td

Question

I have an input field inside a td that looks like:

enter image description here

the text in the field is:

"this is my text for now but I can't see it all"

As you can see I can only see the start of the text how can I get the rest of the text to display inside the text box without changing the size of the td. So, to maybe space out over 3 or 4 lines?

CSS is as follows at the moment:

height:100px;
width:100% !important;
padding:0px;
overflow:hidden;

If changing from input to textarea is not an acceptable answer can you provide more information to better ascertain your requirements? — JohnDevelops, May 13 '15 at 12:10

score -1 · Answer 1 · edited May 23 '17 at 10:24

-1

You will probably want to use a textarea rather than input, similar to this question? Multiple lines of input in <input type="text" />

edited May 23 '17 at 10:24

Community

1
1

answered May 13 '15 at 11:57

JohnDevelops

582
3
14

score -1 · Answer 2 · edited May 23 '17 at 11:47

-1

For input inside TD you will have to use textarea unfortunately. See this question/answer also.

white-space:pre is what you want when multi-lining a td without an input though:

td { white-space:pre }

Of course this might not work if your td's width is so big that all the text fits inside without the need to break.

Check this question also.

edited May 23 '17 at 11:47

Community

1
1

answered May 13 '15 at 12:00

trainoasis

6,419
12
51
82

The question relates to text in the input field not text in the TD directly? – JohnDevelops May 13 '15 at 12:21
made and edit to the answer, thanks. No need to downvote though :) – trainoasis May 13 '15 at 12:59
Ill remove it now you answered the question ;) – JohnDevelops May 13 '15 at 13:09

Spread text out inside td

2 Answers2