html中legend设置大小,HTML_如何给 legend 标签设定宽度，我们在做表单的时候经常会使

如何给 legend 标签设定宽度

我们在做表单的时候经常会使用到这样的结构：

哪些浏览器legend标签设定的宽度有效

IE6

IE7

Firefox2

Firefox3

Opera9.0+

Safari3.0+

当我们使用 CSS 给 legend 标签设定固定宽度时：

legend {

background:red;

width:500px;

}

在 IE6、IE7、Opera9.0+、Safari3.0+ 都正能常显示，而在 Firefox2 和 Firefox3 中宽度却失效。

在这里我们不去深究为什么，只探讨解决的方法：

我们可以通过在 legend 标签内添加一个标签，并给标签设定所需要的宽度，此宽度的单位不可为百分比(%):

HTML 修改为：

哪些浏览器legend标签设定的宽度有效

IE6

IE7

Firefox2

Firefox3

Opera9.0+

Safari3.0+

CSS 修改为：

legend span {

background:red;

width:500px;

display:block;

}

可参考：《how to set width of LEGEND tags in FF》

正淳同时也提供了另外的一种解决方案，无需修改结构，仅修改样式即可：

legend {

background:red;

text-indent:-600px;

padding-left:600px;

/*IE下还原初始方式，只设定宽度*/

*width:600px;

*text-indent:0;

*padding-left:0;

}

题外话：CSS 的兼容其实并不难，多尝试多实践就可以解决，最重要的是自己要去动手，只有动手了才会有更多的收获，才会有更深的印象

本文作者:相关阅读:

php正则表达式的模式修正符和逆向引用使用介绍

javascript版的日期输入控件(2)

用VBS实现监视进程创建与删除的代码

网页文字实现竖排的几种方法

javascript最常用与实用的创建类的代码

SupeV影音播客系统SupeV产品特点

Javascript 面向对象命名空间

Mysql如何避免全表扫描的方法

基于jquery的jqDnR拖拽溢出的修改

QQ For Linux 1.0 Preview 抢先测评

SQL Server数据库的锁类型总结

Panel加样式有时候无法浮动的问题

十天学会php之第六天

asp.net下日期加减的方法

html中legend设置大小,HTML_如何给 legend 标签设定宽度，我们在做表单的时候经常会使 - phpStudy...相关推荐

css legend框大小,CSS-如何给 legend 标签设定宽度
我们在做表单的时候经常会使用到这样的结构: 哪些浏览器legend标签设定的宽度有效 IE6 IE7 Firefox2 Firefox3 Opera9.0+ Safari3.0+ 当我们使用 CSS ...
php中如何滚动文字,HTML_网页HTML代码：滚动文字的制作，制作滚动文字通过本章前面 - phpStudy...
制作滚动文字通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的.本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的 ...
html语法中表格命令具备哪些属性,html 语法介绍标签及有关属性列表表格表单...
1.HTML简介 HTML是用来做网页 HTML:Herp Text MarkUp Language 超文本标记语言超文本:超:超链接包含超链接的文本标记语言: 标记:标签语言:制作网页的语言 ...
td自动换行：设置table布局固定，td根据设定宽度自动换行
在table中,因为mou一列内容太多,导致其他列的宽度空间被占用,导致整个布局十分不好看. 如果能将内容过多的那列,设置一个固定宽度,然后强制让它自动换行,问题就迎刃而解了. 给内容过多的那列添加一 ...
Java虚拟机中的内存模型？JSP常用的动作标签及作用？如何防止表单重复提交问题？ JSP四大作用域及请求范围？分别说出http,https,ftp,talnet的默认端口？
文章目录一 ,Java虚拟机中的内存模型JVM? 1,Java堆 2,方法区 3,Java栈 4,本地方法栈问题扩展: 二 , JSP常用的动作标签及作用 (1)问题分析: (2)核心答案讲解: ...
extjs 提交表单给php,JavaScript_Extjs学习笔记之二初识Extjs之Form，Extjs中的表单组件是Ext.form.Basic - phpStudy...
Extjs学习笔记之二初识Extjs之Form Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一 ...
html中的数字选框,带有复选框和数字类型的HTML表单提交与PHP？
为了学习的目的,我在做这个网站,用户可以选择一些项目和他想要的单位数量,假设这是最简单的购物应用程序.带有复选框和数字类型的HTML表单提交与PHP? 于是,我从数据库中读取在目录中的现有项目: $q ...
php中插入表格标签,列表，表格，添加表单及标签用法-2019.9.1
问题: 1.谈谈你对html标签,元素与属性的理解,并举例说明. 2.列表有几种,如何定义? 3.列表与表格的区别与联系?什么时候用列表,什么时候用表格,为什么? 4.编程实现,用列表制作你的工作计划 ...
html表格内框线怎么设置颜色,word表格样式 Word中如何设置表格的边框线样式和颜色...
word表格样式 Word中如何设置表格的边框线样式和颜色,平凡的世界平凡的你,努力学习使我们变得不平凡,今天要介绍的知识是word表格样式的相关知识,你准备好学习word表格样式 Word中如何设置 ...

html中legend设置大小,HTML_如何给 legend 标签设定宽度，我们在做表单的时候经常会使 - phpStudy...

html中legend设置大小,HTML_如何给 legend 标签设定宽度，我们在做表单的时候经常会使 - phpStudy...相关推荐

最新文章

热门文章