p标签与span标签的区别

p标签与span标签的区别

直接上代码



	
		
	
	
		

我是p标签

我是p标签

我是span标签 我是span标签

我是p标签

我是p标签

我是span标签 我是span标签

我是p标签

我是p标签

我是span标签 我是span标签

效果如下图
p标签与span标签的区别_第1张图片
f12直接看代码
p标签css
p标签与span标签的区别_第2张图片
span标签css
p标签与span标签的区别_第3张图片
这里我因为我开了f12,所以p标签774.4px其实就是当前window的max-width,莫非p标签自动换行的缘故与width属性有关?
重新贴代码



	
		
	
	
		

我是p标签

我是p标签

我是span标签 我是span标签

我是p标签

我是p标签

我是span标签 我是span标签

我是p标签

我是p标签

我是span标签 我是span标签

这里的代码给p标签加了width:auto的样式,但是在浏览器中执行效果如下图
新加的样式不起作用
我去查看了一些资料,在w3c中找到了这样一段描述:
来源:https://www.w3school.com.cn/cssref/pr_class_display.asp
当我把p标签的display改成inline,style中的width自动变成auto
p标签与span标签的区别_第4张图片
效果如下图
p标签与span标签的区别_第5张图片
看来p标签与span标签区别在于display,一个是block,一个是inline.

你可能感兴趣的:(html)