css p标签中如果设置了一个width，又设置了一个max-width,那样式会用那一个？

html-css011

css p标签中如果设置了一个width，又设置了一个max-width,那样式会用那一个？,第1张

这是两种样式，max-width的作用就是限制最大宽度，width大于max-width的话max-width就取代了width的值，width小鱼max-width的话，宽度就是width，max-width是限制作用。有一个应用就是一篇文章里有图片，但是需要图片的最大宽度不可以超出内容框的宽度，就可以给图片max-width为100%。就算你给图片width大于内容框宽度，但是由于max-width的存在，所以实际显示出的图片宽度还是100%，不会超出。更形象的比喻就是：妈妈有容忍程度max-width，小孩子淘气是width，你再怎么淘气值大于容忍程度的话，妈妈会打你把你的淘气值降低到可容忍的程度。

在 html 语言中，<p>被定义为段落标记，文档中任何适用于段落的地方，都可以出现p标签，例如文档的主体、列表、表格等元素中。

p标签是一个块级元素，可CSS规定宽、高属性，代码﹤p style="width:宽度值height:高度值"﹥。

每当创建一个 p 元素，浏览器均会在段落前后添加空行。

若使用了p标签来包含段落，而没有为其设定CSS属性，那么浏览时仅仅是新起了一段，不会有其它的任何效果。

p标签属性： align 属性已不被 HTML5 所支持，以下属性均可使用CSS样式来代替，p标签支持 HTML5 中的全局属性可参考《DIV标签包含的所有属性（HTML5新增DIV属性）》这篇文章

p align="left" ：设置段落中的内容左对齐。CSS写法：p {text-align:left}

p align="right"：设置段落中的内容右对齐。CSS写法：p {text-align:right}

p align="center"：设置段落中的内容居中。CSS写法： p {text-align:center}

p align="justify"：设置段落中的文本两端对齐。CSS写法： p {text-align: justify}。

注：p align="justify"只有当元素中的文章是英文时才能见到效果，如果是中文则不会看到任何效果，若想要中文文章也看到这种效果，就需要在CSS样式中多添加一条 text-justify:inter-ideograph 属性，完整的CSS样式代码：p {text-align:justifytext-justify:inter-ideograph}