css中这样写的好处是什么_html/css_WEB-ITnose-html教程-PHP中文网

css中这样写的好处是什么_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:09:41

原创

1274人浏览过

css中这样写的好处是什么_html/css_WEB-ITnose

慧中标AI标书

慧中标AI标书是一款AI智能辅助写标书工具。

120

查看详情

立即学习“前端免费学习笔记（深入）”；

为何要加个

?
省去不行吗？
有何说法？？

回复讨论(解决方案)

img是行内元素

p是块级元素

css中这样写的好处是什么_html/css_WEB-ITnose

这样的意思就是让img单独占一行的空间，也就是让img成为块级元素。

其实用样式也可以实现，就是让img style="max-width:90%"成为block元素。

得看具体情况是怎样的，
我猜这样是为了让img有个背景色
p {
background:#eee;padding:2px;
}

这样img看似有个边框

css中这样写的好处是什么_html/css_WEB-ITnose

立即学习“前端免费学习笔记（深入）”；

这个有时候是一些编辑器自动加上的，完全可以去掉，就象楼上同学说的，如果需要block直接样式指定就行了

这样看具体的应用了，光从这一行代码看，加不加p元素无所谓，如果整个div的内容比较复杂，在img外面嵌套一个p元素，就能更加灵活地使用CSS控制样式，举个例子:

<style type="text/css">img { border:1px solid #FFF; }p img { border-width:5px; } /*可以对包含在p元素中的img设置不同的边框宽度*/</style><div>  <p><img  src="images/logo.gif" / alt="css中这样写的好处是什么_html/css_WEB-ITnose" ></p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1"   style="max-width:90%" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>  <img  src="sjflsjd" / alt="css中这样写的好处是什么_html/css_WEB-ITnose" ></div>

登录后复制

具体问题具体分析，能达到效果就行。

就这么一行代码看不出什么来，我感觉是编辑器自动加上的，没有什么特别的意义。

这里的p我感觉意义不大。。。。没优势，而且现在很多因为要换行的块级元素都可以用css：display：block来代替掉。。。