div常用功能

最新推荐文章于 2022-08-09 15:34:34 发布

Honly_java

最新推荐文章于 2022-08-09 15:34:34 发布

阅读量332

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/Honly_java/article/details/84601789

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

div常用功能

1，如何设置div居中

用上级的text-align: center然后嵌套一层DIV来解决问题

对需要水平居中的DIV层添加以下属性:

margin-left: auto;

margin-right: auto;

或者margin:0px auto;

2，div横向排列

1，对div设置一个float浮动属性即可解决不并排显示，只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。

<html>
  <head>
    <style>
      #div1{float:left}
      #div2{float:left}
      #div3{float:left}
    </style>
  </head>

  <body>
    <div id="div1">第1个div</div>
    <div id="div2">第2个div</div>
    <div id="div3">第3个div</div>
  </body>
</html>

2,使用css display同行显示（参照http://www.divcss5.com/wenji/w472.shtml）

3，div内文字溢出控制

overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

这样一来文字就将不会溢出超出设置固定的高和宽区。

说明：

Overflow是检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

Overflow语法：

overflow : visible | auto | hidden | scroll

Overflow参数：

visible : 　不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效

auto : 　此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条

hidden : 　不显示超过对象尺寸的内容