display:block; 块级元素。<a>,<span>标签设置宽度和高度

display:block;
是让对象成为块级元素(比如a,span等)

转化后 可以对a或者span标签进行width和height设置,否则设置不了

display有很多对象,具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp

一般都是用display:none和display:block来控制层的显示

时间: 2024-08-24 18:18:40

display:block; 块级元素。<a>,<span>标签设置宽度和高度的相关文章

给span标签设置宽度

span{ display:-moz-inline-box; display:inline-block; width:你的宽度: } 上面的两个样式如果不行就单个试: 鼠标指向元素变成小手 cursor:pointer 鼠标指向变成自定义图片 cursor:url('图片的路径'),auto;

HTML元素分类:块级元素 内联元素和内联块状元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 1,块状元素 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 什么是块级元素?在html中<div>. <p>.<

CSS设置行内元素和块级元素的水平居中、垂直居中

CSS设置行内元素的水平居中 div{text-align:center} /*DIV内的行内元素均会水平居中*/ CSS设置行内元素的垂直居中 div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中*/ PS:当然,如果既要水平居中又要垂直居中,那么综合一下 div{text-align:center; height:30px; line-height:30px} CSS设置块级元素的水平居中 div p{margin:0 auto; widt

css学习笔记----深刻理解块级元素和内联元素

前言 因为之前学习css时候急于求成,学习的很不扎实,对于display还有块级元素等知识都了解的非常模糊,于是,最近我决定来恶补一下. 其实块级元素.内联元素和display有着密不可分的关系,下面先看一下display的三个相关的属性. 一.display display跟块级元素相关的包括以下三个属性  block,inline,inline-block三个属性.(当然还包括很多其他的属性,详情请见 http://www.w3school.com.cn/cssref/pr_class_di

行内元素和块级元素水平及垂直居中

首先,介绍一下行内元素和块级元素,这个很重要,因为有的属性只能用于块元素,而有的正好相反,在一定的情况下,它们也可以相互转换,比如用display来进行设置. 行内元素: ①不占据一整行,随内容而定,有以下特点: ②不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变. ③内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用. ④也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用. 常用的内联元素有: a - 锚点,b - 粗体(不推荐),

HTML 块级元素行内元素的区别

HTML标签 一.块级元素和行内元素是布局中常见的两种基本元素 常见块级元素:div  p  form ul ol li 常见的行内元素:span stronh em; 二.块级元素特性 1.默认独占一行 2.没有宽高时默认撑开一排 3.支持所有css属性 三.内联元素的特性 1.同排可以继续跟同类的标签 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin和padding 5.代码换行被解析 四.块级元素内联元素相互转换 css        display:block;  块级元素

CSS中的行内元素和块级元素

我们在构造页面时,会发现有的元素是上下排列的,而有的则是横向排列的,这是为啥子呢   看看上图,我们也没给他设置啥子属性咋就不一样了,其实是因为每个元素都有默认的 display 属性,比如 div 标签的默认 display 属性是 block,我们通常称这类元素为块级元素:span 标签的默认 display 属性是 inline,我们通常称这类元素为行内元素 我们可以看到块级元素总是独占一行,从上到下显示,行内元素则是从左到右显示.这是因为块级元素前后有换行符,而行内元素前后没有换行符.除

html块级元素与行内元素

我们经常使用的大多数HTML 元素,都被定义为块级元素或内联元素. 块元素,一般都从新行开始,它可以容纳内联元素和其他块元素 内联元素,一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素:还有一种特殊的元素. 可变元素,可变元素为根据上下文语境决定该元素为块元素或者内联元素. 常见的块元素有: 常见的行内元素有: 可变元素: 区别: 块级元素会独占一行,默认情况下宽度自动填满其父元素宽度 行内元素不会独占一行,相邻的行内元素会排在同一行.其宽度随内容的变化而变

18.元素分类--块级元素

什么是块级元素?在html中<div>. <p>.<h1>.<form>.<ul> 和 <li>就是块级元素.设置display:block就是将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点. a{display:block;} 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行.(真霸道,一个块级元素独占一行) 2.元素的高度.宽度.行高以及顶和底边距都可设置. 3