`
tianyalinfeng
  • 浏览: 435564 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

控制div里面span的间距

    博客分类:
  • Html
 
阅读更多

<div style='border:#E4EDF8 1px solid;padding:5px;line-height:30px;'>

   <span style='margin:5px;'></span>

   <span style='margin:5px;'></span>

   <span style='margin:5px;'></span><br/>

   <span style='margin:5px;'></span>

   <span style='margin:5px;'></span>

   <span style='margin:5px;'></span>

</div>

div中

padding控制span与div边框的距离

line-height控制上下两行span之间的间距

span中

margin控制同一行左右两个span的间距

分享到:
评论

相关推荐

    精通CSS+DIV网页样式与布局视频教材

    10.1.2 div与span的区别 10.2 盒子模型 10.2.1 盒子模型的概念 10.2.2 border 10.2.3 padding 10.2.4 margin 10.3 元素的定位 10.3.1 float定位 10.3.2 position定位 10.3.3 z-index...

    通过JavaScript使Div居中并随网页大小改变而改变

    以前的想法是通过CSS+Div使div居中,但是现在的想法变了,通过JavaScript可以简单的使Div在页面上居中,随着网页大小的改变做出相应的改变。而且只要明白了居中的原理轻而易举的就可以实现了。 先看一下居中的原理吧...

    零基础学HTML CSS源代码

    CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示...

    JanWeek1Project

    HTML标签全部使用:p,h,ul,ol,li,em,strong,a,img,div和span。 Project包含一个定制样式表,该样式表使用字体样式,级联,框模型和浮动样式。 代码干净,重构良好且易于阅读。 这包括正确的含义,间距,...

    238道大厂前端高频面试题

    行内元素包括 `&lt;span&gt;`、`&lt;a&gt;`、`&lt;label&gt;` 等,块级元素包括 `&lt;div&gt;`、`&lt;p&gt;`、`&lt;h1&gt;` 等。行内元素和块级元素的差异在于它们在网页中的布局方式和 display 属性的不同。 1016. 浏览器的标准模式和怪异模式区别? ...

    H5+CSS3.zip

    语义化标签:段落标签,&lt;span&gt;标签自定义文字样式,标题标签,&lt;div&gt;块,标签定义头部,标签定义底部,标签定义正文区段,标签定义侧边栏区域; 效果标签: 标签实现换行效果,特殊字符&nbsp;实现空格效果,标签...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    33前端开发基础视频-div和span标签的应用.avi 34前端开发基础视频-表单标签form-input-select-textarea.avi 35前端开发基础视频-QQ注册案例.avi 36前端开发基础视频-表单分组标签.avi 37前端开发基础视频-表单...

    web前端学习总结(精华版).pdf

    16. html5定义区块:header、nav、article、section、aside、footer、div、span 三、表单表格 1. 表单基本结构:&lt;form method="post" action="show.php" enctype="multipart/form-data"&gt;... 2. 表单元素的组织:...

    PB数据窗口source介绍及举例

    (1)Grid生成标签,Freeform生成&lt;DIV&gt; + &lt;SPAN&gt;标签; (2)生成htmltable时,不知为何会在CSS中的开始自动加一个分号";",导致excel等浏览器打开不能正常显示格式; (3)band为foreground或background的对象导不出来,可以...

    从入门到精通HTML5——PDF——网盘链接

     7.5.1 高度的控制——height 134  7.5.2 行的边框颜色——bordercolor 135  7.5.3 行的背景颜色——bgcolor、background 136  7.5.4 行文字的水平对齐方式——align 137  7.5.5 行文字的垂直对齐方式——...

    HTML开发王

    15.6.2 关于div元素和span元素 15.6.3 元素标识(id属性和class属性) 15.7 巩固与自测 第16章 应用表格和框架布局 16.1 使用表格进行网页设计和布局的方法 16.1.1 了解布局模块 16.1.2 表格布局的方法 16.2 在...

    web前端学习总结.pdf

    16. html5 定义区块:header nav article section aside footer div span。 表单表格 1. 表单元素的组织:&lt;fieldset&gt;...&lt;/fieldset&gt;&lt;fieldset&gt;...。 2. 创建各 种 框:请输入 " value=...

    HTML常用标签及属性.pdf

    * `&lt;span&gt;`:定义了一个行内容器标签。 常用属性 * `src`:定义了资源的位置。 * `border`:定义了边框的宽度。 * `size`:定义了元素的尺寸。 * `width`:定义了元素的宽度。 * `height`:定义了元素的高度。 * `...

    2023最新前端面试题总结

    inline 元素是指元素在同一行中显示,例如 span、a、img 等。block 元素是指元素在新的一行中显示,例如 div、p、h1 等。 文档流 文档流是指元素在文档中的排列顺序。文档流可以是从上到下、从左到右或从右到左。...

Global site tag (gtag.js) - Google Analytics