찾다
웹 프론트엔드HTML 튜토리얼Firefox 또는 IE_HTML/Xhtml_Webpage Production에서 Span이 너비를 결정할 수 없는 문제에 대한 해결 방법


코드 복사
코드는 다음과 같습니다.



테스트 범위
span {
배경색:#ffcc00;
너비:150px;
} 🎜>< ;body>
고정된 width



테스트 통과 후 , Firefox나 IE에서는 작동하지 않는 것으로 나타났습니다.
CSS2 표준의 너비 정의를 참고하여 CSS의 원래 너비 속성이 항상 유효한 것은 아니라는 사실을 발견했습니다. 개체가 인라인 개체인 경우 너비 속성이 무시됩니다. Firefox와 IE는 원래 다음 표준에 따라 이를 수행했습니다.


span을 블록 유형으로 수정하고 float를 설정하는 것은 완벽한 솔루션이 아닙니다

span의 CSS에 표시 속성을 추가하고 너비가 다음과 같도록 범위를 블록 유형 요소로 설정합니다. 올바른 작동하지만 이전 텍스트와 다음 텍스트를 다른 줄로 구분하기도 합니다. 이런 식으로 스팬은 실제로 div가 됩니다.



코드 복사
코드는 다음과 같습니다.
span { background-color: #ffcc00; display:block; width:150px;}

많은 사람들이 특정 조건에서 실제로 문제를 해결할 수 있는 다른 CSS 속성을 추가할 것을 제안합니다. 예를 들어, 우리 예에서는 스팬 앞에 텍스트가 없으면 실제로 가능합니다. 하지만 있다면 앞과 뒤의 텍스트가 함께 연결되어 스팬은 두 번째 줄까지 실행됩니다.



코드 복사
코드는 다음과 같습니다.
span { background-color: #ffcc00;
display:block; float:left; width:150px;}



범위 너비 설정을 위한 완벽한 솔루션

다음 코드는 완벽합니다. 스팬 너비 설정 문제를 해결했습니다. 브라우저는 일반적으로 지원되지 않는 CSS 속성을 무시하므로 마지막에 display:inline -block 줄을 작성하는 것이 가장 좋습니다. 그러면 Firefox에서 향후 Firefox 3에 도달하면 이 줄이 다양한 버전과 호환될 수 있습니다. 동시에.



코드 복사
코드는 다음과 같습니다.
테스트 범위

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
html的width是什么意思html的width是什么意思Jun 03, 2021 pm 02:15 PM

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

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

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

css表示width值有哪些方法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是什么意思html中span是什么意思Apr 28, 2021 pm 02:30 PM

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

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

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

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

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

在C++中,将以下内容翻译为中文:寻找长度和宽度之间差异最小的矩形在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。下面程序中使用的方法如下在此我们将求面积的平方根值并进行遍历从那

我们如何在HTML中显示文本区域的可见宽度?我们如何在HTML中显示文本区域的可见宽度?Sep 10, 2023 pm 09:57 PM

使用HTML中的cols属性来显示文本区域的可见宽度。您可以尝试运行以下代码来实现cols属性−示例<!DOCTYPEhtml><html>&nbsp;&nbsp;<body>&nbsp;&nbsp;&nbsp;<textarearows="3"cols="40">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Thi

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경