`
jackroomage
  • 浏览: 1214928 次
  • 性别: 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使用技巧的word文档

    本文档提供了几个实用的CSS使用技巧,帮助开发者更高效地控制页面样式。 1. 文字水平居中:通过设置`text-align`属性为`center`,可以实现一段文字在容器内的水平居中对齐。 ```css text-align: center; ``` 2. ...

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

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

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

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

    非常全面的css布局标签

    在Web开发中,CSS(层叠样式表)是用于控制网页元素样式和布局的重要工具。本文将详细阐述“非常全面的CSS布局标签”,以及相关的注释、ID和Class命名规范。 首先,我们来看DVI+CSS中的常用布局标签: 1. **头...

    网页前端css书写规范

    在编写CSS命名规则时,常见的命名包括头部(header)、内容(content/container)、尾部(footer)、导航(nav)、侧栏(sidebar)、栏目(column)、页面外围控制布局宽度(wrapper)、左右中(left/right/center)...

    CSS使用技巧总结

    7. font属性的快捷写法:为了简化CSS代码,可以将font相关的属性合并为一个简写属性。例如,`font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;`包含了字体样式、变体、粗细、大小、行高和...

    常用轮播图写法汇总

    例如,`jQuery.carousel`插件就提供了一套完整的轮播解决方案,包括自动播放、导航点、左右切换等功能。通过设置参数,可以自定义轮播的样式和行为。 3. **Swiper.js** Swiper.js是一个高性能、易用且模块化的...

    CSS代码大全.doc

    在网页设计中,CSS(Cascading Style Sheets)是不可或缺的一部分,它用于控制网页元素的样式,包括字体、颜色、布局等多个方面。以下将详细阐述CSS中的几个关键知识点。 1. 字体属性: - `font-size`:用于设置...

    网页前端CSS书写规范

    ### 网页前端CSS书写规范详解 #### CSS书写顺序 在进行网页前端开发时,遵循一定的CSS属性书写顺序能够使代码更加清晰易读。一般推荐的书写顺序如下: 1. **位置属性**:包括`position`、`top`、`right`、`z-...

    css3看前端

    学好CSS3能够让你轻松地控制页面布局,创建美观的用户界面。本文将深入讲解CSS3中的一些关键概念,包括常用属性、盒模型、定位、显示属性以及浮动与清除浮动。 一、CSS3常用属性 1. 字体属性: - `font-style`:...

    DIV+CSS网页设计常用布局代码.pdf

    在提供的文件中,频繁出现的margin-left:auto和margin-right:auto是让元素在水平方向上居中的一种常见写法。 3. CSS中的Width属性 Width属性用于定义元素的宽度。文件中多次出现的宽度设置,比如width:400px,用于...

    网页标准化-CSS命名规划

    8. **左右中(Left/Right/Center)**: 用于控制元素在容器中的位置,例如`left`、`right`和`center`。 9. **登录条(Loginbar)**: 用户登录或注册的表单区域,使用`loginbar`。 10. **标志(Logo)**: 代表网站的...

    css中margin属性详细分析.docx

    在CSS中,margin属性是一个至...总之,理解并熟练掌握CSS中的margin属性是每个前端开发者的基本功,它涉及到元素布局、间距控制以及视觉设计等多个方面,通过深入学习和实践,我们可以创建出更加灵活和美观的网页布局。

    《HTML5+CSS3网站设计基础教程》 (2).docx

    10. **CSS属性写法**:正确的CSS属性书写,例如`font-size`和`color`。注释中提供了不同形式的CSS属性赋值,如使用引号包裹值、驼峰式命名等。 11. **表单元素**:`&lt;form&gt;`标签的`action`属性指定提交表单后的处理...

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

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

    Css设置img属性让图片水平居中/居左/居右的写法

    以下知识点详细解释了使用CSS来控制图片水平位置的具体写法和原理。 首先,居中显示图片是网页设计中常见的需求。在早期的CSS中,许多人会使用`text-align: center;`来尝试居中图片,例如: ```css .centered-image...

    CSS里的各种水平垂直居中基础写法心得总结

    这个属性适用于块级元素(或者被CSS控制为块级元素的内联元素),其作用是使得块元素中的文字或图片在水平方向上居中。需要注意的是,被设置为内联元素的块元素则不能应用text-align属性。例如,可以在p标签中设置...

    CSS 设置滚动条样式的实现

    4. **scrollbar-track-piece**: 轨道中的上下(或左右)部分,通常是轨道的背景。 5. **scrollbar-thumb**: 滚动条内部的小方块,用户可以拖动它来滚动内容。 6. **scrollbar-corner**: 横向和竖向滚动条的交叉角...

Global site tag (gtag.js) - Google Analytics