html中legend设置大小,HTML_如何给 legend 标签设定宽度,我们在做表单的时候经常会使 - phpStudy...
如何给 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中如何设置 ...
最新文章
- python代码由CPU - >GPU
- 安装visual studio 2013--【转】
- ASP.NET中的AdRotator控件即广告控件的使用
- MicroPython开发板:TPYBoard v102 播放音乐实例
- 解决同一页面中两个iframe互相调用jquery,js函数
- 【SAM】差异(P4248)
- camel apache_短款Apache Camel K
- 2018年AI如何发展?普华永道做出了8点预测 | 报告下载
- 成功解决TypeError: a bytes-like object is required, not ‘str‘
- C#之json序列化与反序列化
- CF280C Game on tree(期望dp)
- 安航云酒店管理系统面试话术
- 直面不确定性 看致远互联如何帮助组织自生长
- flex的dataGrid:用checkbook和弹出窗口修改,返回修改本行
- FMEA-MSR步骤三:功能分析
- python毕业设计项目源码选题(4)企业公司网站系统毕业设计毕设作品开题报告开题答辩PPT
- android 本地图片模糊,Android端图片模糊的实现原理及方案
- 哪些字段适合建立索引
- 二补数(2’scomplement)乘法算法及其Verilog实现 - 固定系数h
- Vue key的作用
热门文章
- ttf,woff2字体转化为png图片,python读取图片
- 2021年大数据Kafka(四):❤️kafka的shell命令使用❤️
- 2021年大数据Spark(五十一):Structured Streaming 物联网设备数据分析
- java vector search_java.util.Vector.retainAll()方法实例
- 华为热设计工程师待遇_华为给985毕业生开2万元的工资,是侮辱价?还是不自量力?...
- java 关键字(面试题)
- json字符串的理解
- inux 软件编译、安装、删除
- 苹果公司投资1000万美元用于无温室气体铝冶炼
- 2022-2028年中国边缘计算行业投资分析及前景预测报告(全卷)