关于javascript中的span
创建了一个span,里面加了一个table,span比较小,table比较大,要让
span出滚动条,但是span自动将边变大，可作出以下方法解决
<span style="width:300;height:200;overflow:auto">
.........
</span>
语法：
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明：
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
自IE5开始，此属性在MAC平台上可用。
对应的脚本特性为overflow。
如果不对你的span做控制,作为你的table的父级容器会跟随你的子容器的宽,高而变形.所以你的span变大了.要想达到不变型的效果有两种方法.
1,用ifream内嵌一个页面,把你的table放在你内嵌的页面里面.
2,设置你的span的CSS属性overflow:scroll;
例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http ://www.w3.org/1999/xhtml " >
<head>
<title>Test Span</title>
<style type="text/css">
span {
background-color:#ffcc00;
display:-moz-inline-box;
display:inline-block;
width:650px ;
height:250px;
overflow:auto;
}
</style>
</head >
<body>
fixed<br>
<span >关于javascript中的span
创建了一个span,里面加了一个table,span比较小,table比较大,要让
span出滚动条,但是span自动将边变大，可作出以下方法解决
<span style="width:300;height:200;overflow:auto">
.........
</span>
语法：
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明：
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
自IE5开始，此属性在MAC平台上可用。
对应的脚本特性为overflow。
如果不对你的span做控制,作为你的table的父级容器会跟随你的子容器的宽,高而变形.所以你的span变大了.要想达到不变型的效果有两种方法.
1,用ifream内嵌一个页面,把你的table放在你内嵌的页面里面.
2,设置你的span的CSS属性overflow:scroll; </span>
<br> span
</body>
</html>
分享到：
相关推荐
CSS span 宽度设置生效方法总结 在 HTML 文档中，span 标签是常用的内联元素，用于标记文本或内联内容。然而，当我们需要设置 span 的宽度时，发现 span 标签的宽度设置并不能生效。这是因为 span 标签不是块级元素...
设置span宽度高度的方法 在 HTML 中，span 元素是一个内联元素，默认情况下，它的宽度和高度是自动计算的，取决于其内容的宽度和高度。当我们需要设置 span 元素的宽度和高度时，需要使用 CSS 样式来实现。 首先，...
在CSS（层叠样式表）中，`<span>` 是一个常见的内联元素，通常用于在文本中设置特定部分的样式。然而，由于`<span>` 默认是内联元素，它的宽度不能直接设置，因为内联元素会尽可能地在一行内显示其内容，而不考虑...
以下是三种将Span标签设置为固定宽度的方法： 1. **独立行的Span标签** 当Span标签单独占据一行时，可以将其display属性设置为block，使其行为类似于一个块级元素。例如： ```css span { width: 60px; text-...
要将`<span>`标签设置为固定宽度，可以将其CSS display属性更改为“inline-block”或“block”。下面是具体的CSS代码示例： ```css span { display: inline-block; width: 100px; /* 设置你想要的固定宽度 */ } `...
此外，对于“最小高度”，CSS中有一个`min-height`属性，可以设置元素的最小高度，但它同样不会对内联元素起作用，除非我们已经通过上述方法使`span`变成了盒装元素。例如： ```css span { min-height: 50px; } ``...
### 一般主页设置CSS模板解析 #### CSS模板概述 该CSS模板主要针对一般主页的设计与布局，通过定义一系列样式规则来实现美观且功能性的页面设计。以下是对模板中部分关键CSS选择器及其功能的详细解释。 #### 样式...
当尝试给 `<span>` 设置 `height` 和 `width` 时，由于 `<span>` 是内联元素，它会遵循内联元素的规则，即只占据其内容所需的宽度，并且高度由内容自动决定，不会受到 CSS 中设置的高度和宽度属性的影响。...
这个问题的解决方法在于理解 `span` 的本质以及如何正确地应用 CSS 样式。 首先，`<span>` 是一个内联元素（inline element），它的特点是不会独占一行，而是与其他内联元素共享同一行。内联元素默认不接受诸如 `...
每个`<span>`元素被设置为块级元素，具有相同的背景颜色、宽度、高度和圆角。通过浮动它们到左边，可以实现水平排列。 接着，我们利用CSS的`:last-child`选择器来移除最后一个`<span>`的右侧内边距，确保布局的整洁...
除了使用`<hr>`标签，还可以使用HTML元素如`<div>`或`<span>`来创建自定义的分割线，并同样通过CSS来设置虚线样式。例如： ```html <div class="custom-divider"></div> ``` 对应的CSS代码： ```css .custom-...
如果想让<span>标签有固定的宽度，必须通过CSS显式地设置width属性的值。例如，若希望每个<span>标签占据总宽度的1/3，可以设置每个<span>的width为33.33%。 另外，display属性的不同值决定了元素在文档流中的表现...
例如，你可以通过添加`.span-6`类到一个`div`元素，使其占据12个网格单元，以此类推，实现灵活的布局调整。 二、基础样式和布局 Blueprint CSS 提供了一系列预定义的CSS样式，如表格、表单、按钮、链接等，这些样式...
CSS 设置文字、图像与背景图像样式 CSS（Cascading Style Sheets）是一种用于描述 HTML 文档样式的语言。通过 CSS，可以设置文字、图像和背景图像的样式，以提高网页的视觉效果和可读性。 一、设置文字样式 在 ...
通过ID选择器`#ididid`，我们对`div`应用了一系列CSS规则，包括设置其相对定位、宽度、高度、边框以及上述关键的CSS属性。`span`元素被放置在`div`内部，虽然在示例中未填充实际文本，但其样式规则同样值得关注。 #...
方法二则是使用CSS Hack，即通过条件注释针对IE6/7进行特定的设置，而不影响标准浏览器。具体步骤如下： 1. 设置#box的display为table-cell，并使用overflow: hidden确保内部元素不会溢出。 2. 给span标签设置...
在创建动态标尺时，CSS可以用来定义标尺的样式，比如设置背景颜色、边框、宽度、高度等。为了实现刻度线，可以使用伪元素（`:before`或`:after`）或者多个独立的`<span>`元素。CSS还可以用于创建水位的视觉效果，...