2023-08-04 ,position,white-space, overflow,table 태그,::after

position

 

 

 

 

 

white-space :nowrap;  줄바꿈없이 나오게 하기 

 

overflow-x: auto,  scroll  , hidden       

auto는 스크롤바 자동생성, 글이 길어져서 한줄에 안보일떄 

scroll 은 무조건 길이가 어떻든 스크롤바 생성

hidden 은 길이 길어지면 ... 으로 표시됨 

 

 

table

 

 

 

 

 

 

 

::after

 

::after 은 모든 엘리멘탈에 기본적으로는 있지만 보이지는 않고   

 

ul > li::after {
    content:"님";
}

 

이런식으로  쓰면  모든 li 태그 안에서 님이라는 글자가 뒤에 붙게 된다

똑같이 ::before 은 적용시킨 태그 안에  님이라는 글자가 앞에 붙게 된다.