#span1{ display:block; weidth:500px; height:50px; } 在进行了如上设置之后，span1仍然占满一行，请问大家是什么原因呢？ 回复讨论(解决方案) width写错了。。。。 好尴尬~~~~这么乌龙的错误 谢谢楼上的指正 额。。不谢，我也正在自学前端，有机会交流
今天接触到腾讯的一个小游戏，里面有道题 答案是对父元素设置dipslay:flex; 第二个div设置flex:1 想问下，这个的作用是啥？ 回复讨论(解决方案) 没有人用过？ 很少人这样用吧 很少人这样用吧 我查了下，这是CSS3的内容，你们平时没用过这些新技术么？ 这就是css3中的弹性布局 http://css-tricks.com/snippets/css/a-guide-to-flexbox/ ?布局方式，解?完都能出?了 ??站?解的不?，先看看...
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变。 , , , , , 和是i...
两者可以配合使用，从而实现块的隐藏与显示 show()方法对应display:block; 或 inline hide()方法对应display:none;
引言 使用position和display来实现的当鼠标移动到图片上时显示和隐藏文字或者视频的效果。 知识点 1、relative、absolute的使用。 当子元素使用position:absolute时，父元素应该设置postion:relative以便使它作为决定定位段落的定位环境。在这里相对定位的元素 必须是绝对定位的祖先元素，才有资格成为定位环境。 2、CSS选择器。其中用到了两种选择器：element,element 和 element element di...
在CSS中，使用display属性来定义盒的类型。总体来说，盒类型分为两类：inline和block。如div默认是block，span默认是Inline。可以通过display修改默认的表现方式。 block and inline elements div { background:#aaff00; } span { background:#ffaa00; } div元素1 div元素2 span元素1 span元素2 默认的div和span表现形式：htt...
CSS如果想要将DOM元素隐藏，有2种做法：将display属性设置成none，或者将visibility属性设置成hidden。下面的html代码没有设置display和visibility属性。 使用display:none隐藏outB 使用visibility:hidden隐藏outB 对比结果可以很容易得出结论：display:none，元素实际上就从页面中移走了，它后面的元素就会自动上移；而visibility:hidden，则仅仅隐藏该元素，它占据的页面空间依然存在。 对于out...
写在前面 在群里有朋友问这样一个问题，display:none的标签，影响了布局。这就引出了本篇这样的问题，印象中display:none的块元素是不占位置的。 一个例子 第一个层 第二个层 浏览结果 为第一个层设置样式visibility:hidden 第一个层 第二个层 浏览结果 那么为第一个层设置display:none样式 通过上面的对比，你也会发现display:none可以让块元素隐藏并不占位置。...
1 不信可以去掉display试试看！！！反正我信了！！！
最近写HTML遇到一个问题：我想设置span的宽度和高度，但是在IE9和chrome下总是不起效果。代码和效果图如下： span{ background-color:#43be60; width:100px; height:50px; margin-top:20px; margin-left:20px; } 1 10 100 1000 可以看到css设置的width和height并没有起效果，span的实际显示宽度和高度由其内容决定。为什么会这样呢？这涉及到HTML中块级元素(block)和行级元素(inline)的区别，...
1. 引言 网页的所有元素，除了“块”就是“流”，而且“流”都是包含在“块”里面的（最外层的body就是一个“块”）。在本系列一开始讲《浏览器默认样式》的时候，大家也都看到了浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。这部分知识非常重要也非常基础，因此在所有的前端面试题中，都会问道哪些元素是“块”哪些元素是“流”。 其实，这部分知识都囊括在display这个样式设置中。在网...
发现： 最近在做移动端的东西，说起移动端弹性盒子布局真是无往不利，用起来特别爽，我也是偶尔间发现的这个属性并且它的用法，在网上基本查不到这个属性的资料（个人看法）。如果没有听说过（display:box）的朋友建议去别人家的博客看看CSS3就可以直接command+w了，由字看意，是不是能联想到 display:inline 这个属性，不知道的可以看看我的上一篇随笔, 之所有在前面加上-webkit-是因为太多人吧box-inline理解成内联盒子。 ...
如果想让某一段代码在前台不显示，最简单的方法是用css的display:none即可，这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素， 但它的位置不能被占了，那该怎么实现呢？接下来我们来看css的另外一个属性Visibility属性。 visibility:隐藏对应的元素但不挤占该元素原来的空间。display:隐藏对应的元素并且挤占该元素原来的空间。 来看看下面的这个例子： XML/HTML代...
css笔记-display属性 display属性可取值 display：none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group | compact | run-in | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group display属性取值说明 none：隐藏元素。与visibility属性...
display 属性规定元素应该生成的框的类型。 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。 浏览器支持: 所有主流浏览器都支持 display 属性。 注释：任何版本的 Internet Explorer （包括 IE8）都不支持 "inherit"、"inline-table"、"ru...