手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css 横排 实现代码
css 横排 实现代码
摘要:效果预览:css:html:top0top1top2top3bottom0bottom1bottom2bottom3或者来个更简单的:.fl...

效果预览:

css 横排 实现代码1

css:

<style type="text/css">

<>

</style>

html:

<div>

<div>top0</div>

<div>top1</div>

<div>top2</div>

<div>top3</div>

</div>

<div>

<div>bottom0</div>

<div>bottom1</div>

<div>bottom2</div>

<div>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>

【css 横排 实现代码】相关文章:

css3隔行变换色实现示例

css实现文字层浮在图片之上示例代码

在div底部显示背景图片实现代码

CSS相框效果示例代码

css3实现input输入框颜色渐变发光效果代码

CSS自动控制图片大小的代码

兼容好的css透明代码

巧用CSS3 border实现图片遮罩效果代码

CSS 3实现DIV圆角效果完整代码

源自CODEPEN的25个最受欢迎的HTML/CSS代码

精品推荐
分类导航