国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css 橫排 實現代碼

2024-07-11 08:27:39
字體：大 中 小
來源：轉載
供稿：網友

效果預覽:

image 
css:

復制代碼
代碼如下:
<style type="text/css">
<!--
.table_tile{
text-align:left;
height: 20px;
width: 25%;
float: left;
}
.table_tile_{
text-align:right;
background-color:#0000FF;
height: 20px;
background-color:#999966;
width: 25%;
float: left;
}
.table_tile_bottom{
text-align:left;
background-color:#FFF000;
height: 20px;
width: 25%;
float: left;
}
-->
</style>

html:

復制代碼
代碼如下:
<div class="table_tr">
<div class="table_tile">top0</div>
<div class="table_tile_">top1</div>
<div class="table_tile">top2</div>
<div class="table_tile">top3</div>
</div>
<div class="table_tr">
<div class="table_tile_bottom">bottom0</div>
<div class="table_tile_bottom">bottom1</div>
<div class="table_tile_bottom">bottom2</div>
<div class="table_tile_bottom">bottom3</div>
</div>

或者來個更簡單的:

復制代碼
代碼如下:
<style>
.float_left{
text-align:left;
height: 20px;
width: 25%;
float: left;
}
</style>
<div class = "float_left">asdasd</div>
<div class = "float_left">asdasd</div>
<div class = "float_left">why</div>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 蚌埠市| 扬州市| 台前县| 晋宁县| 沙湾县| 陵水| 东乡族自治县| 苏尼特左旗| 平乐县| 海丰县| 庆安县| 肇东市| 合江县| 昌邑市| 正定县| 泰兴市| 甘南县| 永城市| 隆回县| 南木林县| 瑞安市| 临邑县| 从化市| 宝丰县| 辽中县| 双鸭山市| 阿鲁科尔沁旗| 永宁县| 井冈山市| 连云港市| 吴堡县| 长葛市| 洪雅县| 惠安县| 澄江县| 西充县| 哈巴河县| 沂源县| 莎车县| 余庆县| 鄂托克旗|