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

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

左边代码;右边效果;

一 边框相关

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

图解DIV相关编程实例

3像素宽;

图解DIV相关编程实例

虚线框;

图解DIV相关编程实例

黑色,5像素宽,实线;

图解DIV相关编程实例

上边框;

图解DIV相关编程实例

下边框;

图解DIV相关编程实例

二 内容超出DIV的处理

div中的文字;

图解DIV相关编程实例

内容超出的默认情况;

图解DIV相关编程实例

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

图解DIV相关编程实例

内容超出隐藏;

图解DIV相关编程实例

word-break:break-all;换行;

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

图解DIV相关编程实例

三 DIV中内容对齐

左对齐;

图解DIV相关编程实例

右对齐;

图解DIV相关编程实例

居中对齐;

图解DIV相关编程实例

四 js获取div内容

图解DIV相关编程实例

相关文章:

  • 2021-06-28
  • 2022-12-23
  • 2021-10-26
  • 2021-12-09
  • 2021-11-19
  • 2022-12-23
  • 2021-12-03
  • 2021-10-07
猜你喜欢
  • 2022-01-18
  • 2021-12-21
  • 2022-12-23
  • 2022-12-23
  • 2021-11-06
  • 2022-12-23
  • 2021-12-17
相关资源
相似解决方案