`
jackroomage
  • 浏览: 1203323 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

css 控制左右的写法

    博客分类:
  • CSS
 
阅读更多

<!-- 两个一组 -->
<div style="width:200px;">
<div style="width:100px;float:left;">1</div>
<div style="width:100px;float:left;">2</div>
<div style="width:100px;float:left;">3</div>
<div style="width:100px;float:left;">4</div>
</div>

<!-- 左一个,右一个 -->
<div style="width:200px;">
<div style="width:100px;float:left;">1</div>
<div style="width:100px;float:right;">2</div>
<div style="width:100px;float:left;">3</div>
<div style="width:100px;float:left;">4</div>
</div>

 

 

总结:两种展现的风格一样。

分享到:
评论

相关推荐

    css控制边界与边框示例(内边距、外边距使用方法)

    简易写法:padding:10px 一个值表示同时控制四个方向padding:2px 4px 两个值表示第一个值控制上下 第二个值控制左右padding:2px 6px 10px 三个值表示第一个值控制上 第二个值控制右和左 第三个值控制下 左边找右边...

    CSS网站布局实录 (第二版)PDF版

    文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准...

    精彩绝伦CSS2

    2.如何使用颜色控制边框外观? 我们知道在CSS中边框的使用是非常重要的,我们这里就介绍一下CSS的边框属性( border)如何使用。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给...

    新手学习DIV+CSS难点之经验总结.pdf

    三列结构中的DIV写法适用于左右栏是窄幅,中栏为主要内容显示,让其宽度自适应。CSS代码为: ``` #main { width: 760px; margin: 0 auto; } .left { width: 100px; float: left; } .right { width: 120px; ...

    好看好用的alert提示框

    在外观上可以通过css进行完全的控制。 =============================================================================== 组件功能介绍: 1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数...

    漂亮的消息提示框 消息提示组件 Javascript写的

    在外观上可以通过css进行完全的控制。 =============================================================================== 组件功能介绍: 1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数...

    精通JavaScript

    • 4.1.htm 条件语句内单行代码的写法 • 4.2.htm 变量赋初值 • 4.3.htm if…else举例 • 4.4.htm 用else进行更多选择 • 4.5.htm if语句的嵌套之一 • 4.6....

    超实用的jQuery代码段

    1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 ...

    精通javascript

    • 4.1.htm 条件语句内单行代码的写法 • 4.2.htm 变量赋初值 • 4.3.htm if…else举例 • 4.4.htm 用else进行更多选择 • 4.5.htm if语句的嵌套之一 • 4.6....

    asp.net知识库

    也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行模式:PageHandlerFactory 利用搜索引擎引用来高亮页面关键字 网站首页的自动语言切换 应用系统的多语言支持 (一) 应用系统的多语言支持 (二) 自动...

    jQuery权威指南-源代码

    1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 jQuery 选择器/12 2.1 jQuery选择器概述/13 2.1.1 什么是选择器/13 2.1.2 选择器的优势/13 2.2 jQuery选择器详解/17 2.2.1 基本选择器/18 2.2.2 层次...

Global site tag (gtag.js) - Google Analytics