`
zhouchaofei2010
  • 浏览: 1097566 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

fieldSet宽度效果测试代码（ie9下fieldset宽度固定没有随内容的增宽而增宽）

    博客分类：
  • css
 
阅读更多 
<html>
<head>
<script type="text/javascript">
function setFixedTableLayout()
{
document.getElementById('myTable').style.tableLayout="fixed";
}
</script>
</head>
<body>
<fieldSet>
<legend>
adkhfakjdkfaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</legend>
<table id="myTable" border="1" width="200%">
<col width="20%"><col width="40%"><col width="40%">
<tr>
<td>1000000000000000000000000000</td>
<td>10000000</td>
<td>100</td>
</tr>
</table>
</fieldSet>

<input type="button" onclick="setFixedTableLayout()" value="Set fixed table layout">

</body>
</html>

 

   ie6 ：ok

   ie： 7

   ie8：

 

 ie9下fieldset宽度固定没有随内容的增宽而增宽）

 

 http://www.w3school.com.cn/tiy/t.asp?f=hdom_style_tablelayout

分享到：
| AcquireConnection 方法调用失败，错误代 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html图片自适应手机屏幕大小的css写法

    文档中还包含了一些其他响应式设计相关的技巧，如设置最小宽度、媒体查询（虽然没有在给定内容中直接展示）和相对单位的使用。这些技巧有助于在不同屏幕尺寸下提供一致的布局和样式效果。 总结以上知识点，我们了解...

    CSS教程:legend标签设定宽度

    &lt;fieldset&gt; 哪些浏览器legend标签设定的宽度有效&lt;/legend&gt; &lt;input type=checkbox value=ie6 name=width id=ie6 checked=checked /&gt;&lt;label for=ie6&gt;IE6&lt;/label&gt; &lt;input type=checkbox value=ie7 name=width ...

    10个常用CSS代码片段（DOC文档）

    **功能：** 实现不同浏览器下的透明效果。 **CSS样式：** ```css .transparent { opacity: 0.7; /* Modern Browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */ filter:...

    前端大厂最新面试题-html问题(带答案).docx

    8. **行内元素与块级元素的区别**：行内元素不会开启新行，它们的宽度仅由内容决定，而块级元素会独占一行，宽度可以设置。行内元素的`padding`和`margin`的垂直值（`top`和`bottom`）通常不起作用，但水平值（`left...

    50个便于使用的CSS2CSS3代码片段.pdf

    CSS（层叠样式表）是网页设计和开发中不可或缺的一部分，它允许我们控制网页的布局、颜色、字体等视觉效果。在本文中，我们将探讨50个便于使用的CSS2和CSS3代码片段，这些片段可以帮助设计师和开发者提升工作效率，...

    今日头条XX前端工程师笔试题.pdf

    而在IE盒子模型中，元素的总宽度是width加上左右border，但不包括margin。 7. 脱离文档流： `position: absolute;`和`position: fixed;`都会使元素脱离正常的文档流，而`position: relative;`只是相对定位，不会...

    【269页】前端大厂面试题宝典.pdf

    在语义不明显时，尽量使用p标签，因为p标签在默认情况下有上下间距，对兼容特殊终端有利；不要使用纯样式标签，如b、font、u等，改用CSS设置。 在HTML语义化中，需要强调的文本，可以包含在strong或em标签中，...

    css 边框上如何写入文字？

    2. **边框样式**：设置合适的边框宽度和颜色等属性。 3. **文本内容**：通过合适的HTML标签来包含文本内容。 4. **布局调整**：根据实际需要调整布局以适应不同屏幕尺寸。 #### 三、实现方案 ##### 3.1 使用`...

    display属性.doc

    这样可以在不使用固定宽度的情况下实现对齐。 - **compact** 和 **run-in**: 这两个值在当前浏览器中并未得到广泛支持。 - **marker**: 指定内容在容器对象之前或之后，需要与`:after`或`:before`伪元素结合使用。 -...

    在IE浏览器下出发CSS的haslayout属性

    在IE浏览器中，CSS的`haslayout`属性是一个独特的概念，它是Windows Internet Explorer渲染引擎的内部机制，主要用于控制元素的尺寸和定位。由于IE浏览器在处理页面布局时存在一些与众不同的行为，`haslayout`成为了...

    尚硅谷_前端_面试题

    - **低版本IE的盒子模型**：`width`包含了内容区域的宽度加上`padding`和`border`的宽度。 11. **CSS选择符有哪些？哪些属性可以继承？** - **CSS选择符**：包括类型选择符、类选择符、ID选择符、属性选择符、伪...

    html + css

    3. **`@import`** 只能在 IE5 以上的浏览器中识别，而 **`link`** 作为 HTML 标签没有兼容性问题。 4. 使用 **`link`** 方式引入的 CSS 样式的优先级通常高于使用 **`@import`** 的样式。 #### 三、`position: ...

    css最常用和实用的技巧.docx

    固定宽度的布局可以通过设置容器的margin属性实现居中。`margin: 0 auto;`会让元素在父元素中水平居中。 ```css div#container { margin: 0 auto; } ``` 4. **绝对定位与相对定位** 使用`position: absolute;...

    CSS使用学习总结

    理想情况下，类名应该描述元素的功能或内容，而不是其样式。 其次，尽量减少对类的选择器使用，利用CSS的层叠特性，如`.News h3`这样的选择器，可以避免在每个子元素上添加额外的类。这样可以使代码更简洁，更易于...

    html入门到放弃笔记

    用来修饰标记的效果的内容，就是属性 2、语法 1、属性必须声明在开始标记中 2、属性与标记名称之间，用 空格 隔开 3、属性的值 与 属性之间 使用 "=" 连接 4、一个元素允许有多属性，多属性间，排名不分先后，...

    HTML标签大全

    - `bgproperties`：设置背景图片的属性，例如固定不动（仅IE支持）。 - `text`：设置文本颜色。 - `link`：设置未访问链接的颜色。 - `vlink`：设置已访问链接的颜色。 - `alink`：设置活动链接（即鼠标点击时...

    CSS通用样式基本文档

    ### CSS通用样式基本文档知识点解析 ...这些样式不仅能够帮助开发者快速搭建网页框架，还能保证页面在不同浏览器下的表现一致性，从而提高开发效率和用户体验。对于初学者来说，掌握这些基础知识是非常有帮助的。

Magicbox
Global site tag (gtag.js) - Google Analytics