td 내부 input[type=text] 값이 늘어나지 않습니다.

Question

table-layout: auto (내용에 맞게 셀 너비 변경) 상태에서 td에 직접 값을 넣으면 잘 반응하는데 input의 value 값을 넣으면 input이 그에 맞게 늘어나지 않고 td도 늘어나지 않고 있습니다. 도와주세연.. 동작되는 html

100,000,000

동작되지 않는 html

녹호 · Answer

input의 width값은 고정값입니다. 100%로 하셔서 부모(div)의 너비에 맞출 수 있고요컨텐츠에 맞추는 방법은 js를 쓰셔야 됩니다. css로는 방법이 없습니다.

가ten거리 · Answer

그건 당연히 div 와 input 의 특징 차이 때문입니다.결론적으로 말씀드리면, input 은 정해진 길이가 있으며, 글자를 많이 입력해도 크기가 변하지 않습니다.input 의 크기를 바꾸려면 px, rem 등으로 크기를 강제로 바꾸는 방법밖엔 없는데,말씀하신대로 글자 길이에 따라 input 크기를 바꾸려면 자바스크립트를 사용하는 게 좋을 것 같습니다.

킁킁탐정 · Answer

https://stackoverflow.com/questions/65575027/how-to-set-html-input-tag-width-fit-content-in-css

배정태 · Answer

input은 고정된 width값이 있어서 입력을 할 때 같이 늘어나게 하고 싶어! 라고 하신다하면 스크립트로 입력에 관련해서 width가 늘어나도록 만들어야 합니다.!그게 아니라면 고정될 수 밖에 없습니다!!

td 내부 input[type=text] 값이 늘어나지 않습니다.

4개의 답변

Q&A 목록