CSS는 테이블 레이아웃을 사용합니다. 테이블 셀 너비가 동일한 샘플 코드를 설정하도록 수정되었습니다.-CSS 튜토리얼-php.cn

CSS는 테이블 레이아웃을 사용합니다. 테이블 셀 너비가 동일한 샘플 코드를 설정하도록 수정되었습니다.

黄舟

풀어 주다： 2017-06-30 13:39:18

원래의

1747명이 탐색했습니다.

table-layout 사용: 테이블 셀의 너비를 동일하게 설정하도록 수정되었습니다. 사례는 다음과 같습니다.

<!DOCTYPE>
<html><head><meta charset="utf-8" /><title>设置表格单元格等宽</title><style type="text/css">/*
	
	使字体在所有设备上都达到最佳的显示
*/html { 
	-moz-osx-font-smoothing: grayscale; 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility; }/*
	给body添加阴影
*/body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;}
	/*
	表格单元格等宽
*/
	.calendar { table-layout: fixed; }</style></head><body>

    <table width="100%" border="1" class="calendar">
    	<tr>
        	<td>我在测试我在测试我在测试我在测试我在测试我在测试我在测试我在测试我在测试</td>
            <td>122222222222222</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
        	<td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
        	<td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
        	<td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table></body></html>

로그인 후 복사

위 내용은 CSS는 테이블 레이아웃을 사용합니다. 테이블 셀 너비가 동일한 샘플 코드를 설정하도록 수정되었습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!