在Firefox或IE中span無法確定寬度的解決方案_HTML/Xhtml

首頁

web前端

html教學

在Firefox或IE中span無法確定寬度的解決方案_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:37 PM

spanwidth寬度

複製程式碼

程式碼如下:

Test Span

fixed width span

透過試驗以後發現，無效，無論是在Firefox或IE中都無效。

透過查閱 CSS2標準中關於width 的定義發現，原來CSS中的 width 屬性並不總是有效的，如果對像是 inline 對象，width 屬性就會被忽略。 Firefox 和 IE 原來是遵循了標準才這麼做的。

修改span 為block 類型並設定float 不是完美解決

在span的CSS中增加display屬性，將span設定為block類型的Element，這樣寬度的確有效了，不過也把前後文字隔在不同行裡面。這樣其實span就完全變成div了。

複製程式碼

程式碼如下:

span {background-color: background-color; display:block; width:150px;}

很多人會建議再增加一個CSS 屬性float ，這樣的確在某種條件下能解決問題。例如我們的例子中，如果span前面沒有文字，那的確是可行的。但如果有了，前後文字就會連在一起，而span跑到了第二行。

複製程式碼

程式碼如下:

span {background-color: background-color;
display:block; float:left; width:150px;}

設定span 寬度的完美解決方案

設定span 寬度的完美解決方案

以下程式碼的CSS定義解決了span的寬度設定問題。由於瀏覽器通常對不支援的CSS屬性採取忽略處理的態度，所以最好將display:inline -block行寫在後面，這樣在Firefox裡面，如果到了未來的Firefox 3，這一行就能起作用，程式碼可同時相容各種版本。

複製代碼

代碼如下:

/DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Test Span

fixed width span

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

html的width是什么意思Jun 03, 2021 pm 02:15 PM

在html5中，width的意思是宽度，width属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距，只需要给元素设置“元素{width:数值}”即可。

div与span的区别有哪些Nov 02, 2023 pm 02:29 PM

区别有：1、div是一个块级元素，span是一个行内元素；2、div会自动占据一行，span则不会自动换行；3、div用于包裹比较大的结构和布局，span用于包裹文本或者其他行内元素；4、div可以包含其他块级元素和行内元素，span可以包含其他行内元素。

css表示width值有哪些方法Nov 13, 2023 pm 05:47 PM

方法有像素值、百分比、em单位、rem单位、vw/vh单位、auto、fit-content、min-content、max-content。详细介绍：1、像素值(px)：像素值是固定的，不论屏幕分辨率如何变化，它的宽度都是不变的。例如：width: 300px；2、百分比(%)：百分比宽度是相对于父元素的宽度的。例如：width: 50%；3、em单位等等。

html中span是什么意思Apr 28, 2021 pm 02:30 PM

html中span是一种用于对文档中的行内元素进行组合的标签；<span>标签没有固定的格式表现，当对它应用样式时，它才会产生视觉上的变化；如果不对<span>应用样式，那么<span>元素中的文本与其他文本不会任何视觉上的差异。

如何在HTML中设置表格宽度？Sep 06, 2023 pm 11:37 PM

我们使用内联样式属性，在HTML中设置表格的宽度。该属性在HTML的<table>标签内使用，使用CSS属性width来设置表格的宽度。语法以下是在HTML中设置表格宽度的语法。<tablestyle="width:widthvalueinpercentage">…</table>Example的中文翻译为：示例以下是在HTML中设置表格宽度的示例程序。<!DOCTYPEhtml><html><style>

iframe中width什么意思Sep 19, 2023 pm 12:00 PM

iframe中width是指定框架的宽度的意思，可以控制iframe框架在页面中的宽度展示。width可以接受的值：1、固定像素值，width="300px"，框架宽度将始终保持不变，无论浏览器窗口的大小如何变化；2、百分比值，width="50%"，框架的宽度将根据其父元素的宽度进行自适应调整；3、自动值，width="auto"，框架的宽度将根据其内容的宽度进行自适应调整。

在C++中，将以下内容翻译为中文：寻找长度和宽度之间差异最小的矩形Sep 16, 2023 pm 01:21 PM

给定一个矩形区域作为输入。目标是找到矩形的边，使长度和宽度之间的差异最小。矩形的面积=长度*宽度。示例输入−面积=100输出−差异最小的矩形边：长度=10，宽度=10解释−面积=100的边。2-50、4-25、5-20、10-10。差异最小的边是10-10，差值=0。众所周知，正方形是所有边长相等的矩形。输入−面积=254输出−具有最小差异的矩形边：长度=127，宽度=2解释-仅可能的边制作面积为254的矩形的最小差值为127和2。下面程序中使用的方法如下在此我们将求面积的平方根值并进行遍历从那