标签归档：Display

分类属性在CSS2样式属性中它们不直接控制能识别样式的浏览器如何显示HTML或XHTML元素。但它们告诉浏览器在遇到标签时如何分类和处理不同标签及其内容。 我们在旅游网站建设时经常用到display这个属性，大部分情况下，不需要设置元素的这些属性，但当遇到p、span这类元素时如果对这两个元素想起到一定排版的作用，就需要这个属性做类元素的格式化。 因为，XHTML文档中的每个元素都可以按显示目的被分类成块项目、内联项目或列表项目。块元素，如标题、段落、表格和列表，被格式化为文本的一个独立块，与前面和后面的块项目分开。 内联项，如自然和基于内容样式的标签和超链接锚，显示在块内文本的当前行内。列表项，特别是<li>标签，显示为带有被称为marker的项目符号或编号的块项目。显示(display)属性允许改变元素的显示类型为block，inline，list-item或none。 头三个值改变了元素的分类；值none关闭了这个元素，防止这个元素及其子元素显示在这个文档中。我们可以通过切换元素分类来破坏所有分类，强迫段落显示为列表项，把超链接转换成块元素。 比如我们在制作旅游网站时经常用到Display的block属性值，这个属性可以让有些元素进行换行处理。这个属常在旅游网站建设时常用在图片的换行上。因为图片默认是没有换行效果的。还有none，这个属性，当我们想隐藏某个标签不作显示的时候用none是最好的解决方法。 前面我们也讲到了visibility属性也同样能达到此效果。但他会留下多余的空位。而Display属性的none者不会。具体实例请查看我们以讲到的visibility属性 中的“使用hidden属性值与display属性设置none的效果对比” DISPLAY相关属性值如下： none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 … 继续阅读 →