div 공통 기능

1800 단어 html
div 공통 기능
 
1, div 중심 설정 방법
상급자text-align:center로 DIV를 끼워서 문제를 해결합니다
수평 가운데가 필요한 DIV 레이어에 다음 속성을 추가합니다.
margin-left: auto;
margin-right: auto;
 
또는margin:0px auto;
 
2, div 가로 정렬
1,div에 float 부동 속성을 설정하면 병렬 디스플레이를 해결할 수 있습니다. 병렬 디스플레이 상자의 총 너비가 가장 바깥쪽 상자의 너비보다 작거나 같으면 여러 개의div 대상의 병렬 디스플레이를 실현할 수 있습니다.
<html>
  <head>
    <style>
      #div1{float:left}
      #div2{float:left}
      #div3{float:left}
    </style>
  </head>

  <body>
    <div id="div1"> 1 div</div>
    <div id="div2"> 2 div</div>
    <div id="div3"> 3 div</div>
  </body>
</html>

2, css display 동행 디스플레이(참조http://www.divcss5.com/wenji/w472.shtml)
 
3, div 내 문자 넘침 제어
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
 
 
 
이렇게 하면 문자가 고정된 높이와 너비를 초과하지 않게 됩니다.
 
설명:
 
Overflow는 객체의 컨텐트가 지정된 높이 및 너비를 초과할 때 컨텐트를 관리하는 방법을 읽어들이거나 설정합니다.
 
Overflow 구문:
 
overflow : visible | auto | hidden | scroll
 
Overflow 매개 변수:
 
visible: 내용을 잘라내지 않고 스크롤 바를 추가하지 않습니다.이 기본값을 명시적으로 설명하면, 대상은 대상을 포함하는 window나 프레임의 크기로 잘라집니다.그리고 clip 속성 설정이 효력을 상실합니다
 
auto: 이것은 바디 대상과textarea의 기본값입니다.필요할 때 내용을 잘라내고 스크롤 바를 추가합니다
 
hidden: 객체 크기를 초과하는 내용은 표시되지 않습니다.
 
scroll:스크롤 막대 항상 표시
 
4, div 내 텍스트 가운데 맞춤
텍스트 수평 가운데 맞춤:
먼저 너비를 설정한 다음text-align:center를 설정합니다.
수직으로 가운데 맞춤:
먼저 높이(100px)를 설정하고line-height:100px를 설정한다.
Overflow가 작동하지 않음(EOTD No.12)
พื้นฐานของ HTTP 서버ของ 패키지 net/http

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage