宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

如何用div画一个容器，比如一个圆

默认的DIV没有css样式的容器，比如高度和宽度。我们需要填充平面中的内容来支持大小。你需要一个圆圈吗？还是需要画布标签绘画？Div很简单，高度和宽度都一样。

<style>

。box { height:200 px；宽度:200px边框:1px纯色# 000；边界半径:50%；}

& lt/style & gt；

& ltdiv class = & quot方框& quot& gt& lt/div & gt；

p框架底部对齐怎么设置？

p设置底边对齐的操作如下：

1.先将容器的position设为relative;

2.然后将这个p的的样式添加position:absolute; bottom:0;

3.点击确定即可。

4、在css标签内，通过class设置p的样式，定义其宽度为250px，高度为400px，背景颜色为灰色，并使用position属性设置p为相对定位。

5、在css标签内，再设置p标签的样式，使用position属性设置p标签为绝对定位，并使用bottom属性设置p标签文字在底部，同时设置p标签宽度为100%，使用text-align属性让文字居中对齐。

怎么让p内容超出后自动显示滚动条？

1、首先打开sublime编辑器，新建一个html文档，在文档中定义一个外围的p容器，并在里面在定义一个容器用来输入很多文字，在p上面设置一个标题：

2、然后在style标签中设置外围容器的宽高和背景色，再设置内容容器的宽高和背景色以及overflow属性，将其值设置为auto即可实现超出内容自动显示滚动条的效果。

4、最后打开浏览器，就可看到超出内容后的文字右侧显示出了滚动条：

如何让p中的内容垂直水平居中？

可以用“text-align”属性和“line-height”属性。

1、新建html文件，在body标签中添加p标签，在p标签输入文字，这里以“演示文本”为例，给p标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默认位置为p盒子的左上方：

2、这时给p标签添加上“text-align”属性，属性值为“center”，这时文字将会在p容器中水平居中：

3、这时给p标签添加行高“ling-height”属性，属性值为高度的值“100px”，再添加“vertical-align”属性，属性值为“middle”，这时文字将会水平垂直都居中：

css边框为什么要加p？

因为 "p" 是一种网页标签；在网页代码中，代表一个容器。p 的前身 是 table 标签，也是一种容器，把它叫做“表格”，和p一样都是用来做网页布局的。

不管容器或盒子， 就要是材料，材料是有形状的，有壁厚的(就是外有边框，内有空间大小)。而css可以控制它们的壁厚，和空间大小; css对table的控制同对p的控制一样便捷; 这个层容器里页装的，当然就是网页内容。

所以，为了把网页做得漂亮，就要能对这个"p"进行设置、控制，用css 层叠样式表 来作非常容易，且风格统一化，而被现在的网页制作者所使用。故所以，css边框为什么要加p了。

HTML纯数字超出p容器，如果是文字或字母则可正常自动折行？

{white-space:normal}当定义的宽度之后自动换行 分析如下： html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css #wrap{white-space:normal; width:200px; }

1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 #wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;}

2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条 #wrap{word-break:break-all; width:200px; overflow:auto;}