🌐 HTML,CSS/μ‹€λ¬΄μ—μ„œ 자주 λ°œμƒν•œ 였λ₯˜λ“€

μ—¬νƒœκΉŒμ§€ 고쳐온 였λ₯˜λ“€ : μ‚¬νŒŒλ¦¬ table λ°˜μ‘ν˜• μ‹œ th/td 100% μ•ˆλ˜λŠ” 문제

Zoeeey 2022. 7. 19. 15:33

μ‚¬νŒŒλ¦¬ table λ°˜μ‘ν˜• μ‹œ th/td 100% μ•ˆλ˜λŠ” λ¬Έμ œ

이 μ΄μŠˆλŠ” 세계 각ꡭ의 κ°œλ°œμžλ“€μ΄ κ²ͺμ—ˆλŠ”μ§€ stack overflow에 λ‹€μ–‘ν•œ ν•΄κ²°λ°©μ•ˆμ΄ λ‚˜μ™€μžˆμ—ˆλ‹€. μˆœμ„œλŒ€λ‘œ μ‹œλ„ν•΄λ³΄μž.


1. th,td에 float: left;λ₯Ό 쀘보자.

th, td {float: left;}

 

2.ν˜Ήμ‹œ.. <!DOCTYPE html>이 λΉ μ‘ŒλŠ”μ§€? (λ°”λ³΄κ°™μ§€λ§Œ 이랬던 적이 μžˆμ—ˆλ‹€)

 

3. μ΄λž˜λ„ μ•ˆλ˜λ©΄ tr에 display: table-cell;을 쀘보자 (μ•ˆν•΄λ΄€μ§€λ§Œ 아무리해도 μ•ˆλ˜λŠ” 경우 이 λ°©λ²•μœΌλ‘œ ν•΄κ²°ν•œ μ‚¬λžŒμ΄ μžˆλ‹€κ³  ν•œλ‹€.)

tr {display: table-cell;}