<! DOCTYPE의 HTML>
<HTML>
<HEAD>
<META HTTP-EQUIV = "Content-Type을"내용 = "text / html과; 문자셋 = UTF-8">
<제목>设置表格有滚动条</ 제목>
<스타일>
.ell2 {
최대 폭 : 100 픽셀;
최대 높이 : 80 픽셀;
워드 브레이크 : 브레이크의 모든;
워드 랩 : 휴식 단어;
공백 : 사전 랩;
텍스트 정렬 : 왼쪽;
수직 정렬 : 상부;
국경 : 1 픽셀의 고체 # 000;
}
.tableclass {
/ * 폭 : 500 픽셀;
높이 : 100 픽셀; * /
/ * 공백 : 파라미터 nowrap; * /
}
</ 스타일>
</ head>
<BODY>
<DIV 스타일 = "국경 : 1 x 1 픽셀 고체 # 000000; 오버 플로우 : 자동; 공백 : 정상; 폭 : 310px; 높이 : 200 픽셀;">
<표 스타일 = "화이트 스페이스 : 파라미터 nowrap 표 레이아웃 : 초기 ">
<TR 스타일 ="디스플레이 : -webkit-플렉스, 디스플레이 : 인 flexbox-의 -ms; ">
<TD 클래스 ="ELL2 ".> 알리 바바 1 </ TD>
<TD 클래스 ="ELL2 "> 알리바바 바바 2 </ TD>
<TD 클래스 = "ELL2"> 알리바바 바바. 3 </ TD>
<TD 클래스 = "ELL2"> 알리바바 바바. 4 </ TD>
</ TR>
<TR 스타일 = "디스플레이 : -webkit 플렉스 상기 디스플레이 "> 인 flexbox-의 -ms
<TD 클래스 ="ELL2 "> 바바 알리 바바 </ TD>
"> <TD 클래스 = "ELL2알리바바 바바 2 </ TD>
<TD 클래스 = "ELL2"> 알리바바 바바. 3 </ TD>
<TD 클래스 = "ELL2"> 알리바바 바바. 4 </ TD>
</ TR>
</ 도표 >
</ DIV>
<! - </ DIV> ->
<div 스타일 = "테두리 : 1 픽셀 고체 # 000000; 폭 : 300 픽셀, 높이 : 50 픽셀;">
</ div>
<div 스타일 = "테두리 : 1 픽셀 고체 # 000000; 폭 : 100 픽셀, 높이 : 50 픽셀;">
<표 >
<TR>
<TD 스타일 = "폭 : 100 픽셀;"> 안녕하세요 1 2 3 안녕하세요 4 5 6 </ TD>
</ TR>
</ 테이블>
</ div>
</ body>
</ HTML>