图解DIV相关编程实例

下面图解web 前端DIV相关编程实例;

为清晰,把body背景色设置为MediumSeaGreen;

左边代码;右边效果;

一 边框相关

实线,1像素宽,红色的边框;

3像素宽;

虚线框;

黑色,5像素宽,实线;

上边框;

下边框;

二 内容超出DIV的处理

div中的文字;

内容超出的默认情况;

overflow:auto;内容超出,出现滚动条;

内容超出隐藏;

word-break:break-all;换行;

第一个p中的超出的B被换到下一行;

三 DIV中内容对齐

左对齐;

右对齐;

居中对齐;

四 js获取div内容

发布了434 篇原创文章 · 获赞 512 · 访问量 294万+

猜你喜欢

转载自blog.csdn.net/bcbobo21cn/article/details/90212295