zoukankan      html  css  js  c++  java
  • div 加滚动条 超过div宽度 自动换行 div居中

    一、div 中加滚动条

    一、

    <div style=" overflow:scroll; 400px; height:400px;”></div>

    记住宽和高一定要设置噢,否则不成的

    不过在不超出时,会有下面的滚动条,所以不是最好的选择

    二、

    <div style=" overflow-y:auto; overflow-x:auto; 400px; height:400px;”></div>

    记住宽和高一定要设置噢,否则不成的

    这样比较好的是,在宽和高不超出时,只是一条线

    三、说明

    直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

    <div style="position:absolute; height:400px; overflow:auto">
    
    </div>

    如果要出现水平滚动条,则: overflow-x:auto

    同理,垂直滚动条为: overflow-y:auto

    如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative

     二、超过div宽度 自动换行

    一、word-wrap: normal|break-word(word-wrap 属性允许长单词或 URL 地址换行到下一行)。

    1、normal ,只在允许的断字点换行(浏览器保持默认处理,默认值)。

    2、break-word, 在长单词或 URL 地址内部进行换行。

    二、word-break: normal|break-all|keep-all(通过使用 word-break 属性,可以让浏览器实现在任意位置的换行)。

    1、normal 使用浏览器默认的换行规则。(默认值)

    2、break-all 允许在单词内换行。

    3、keep-all 只能在半角空格或连字符处换行。

    word-break: break-all;
    word-wrap: break-word;

    三、div  居中

    .xxxx{
     width:900px;
     height:800px;
     margin:0 auto;
    }
    1. 必须  明确给出 高宽  【px,,,】
    2. 如果是父元素 的高或宽 以像素的形式 明确给出后,该元素相应的 高或宽 可以用 %
  • 相关阅读:
    java——testNG——工作复习——xml详解
    转义符,re模块,rangdom随机数模块,
    nyoj 814又见拦截导弹
    Soj题目分类
    Xcode 性能优化
    python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法(pip使用豆瓣源)
    浅谈模拟退火
    43-正则表达式(1)
    命令行上的narrowing(随着输入逐步减少备选项)工具
    有效决策,这么做就对了!
  • 原文地址:https://www.cnblogs.com/expedition/p/11397326.html
Copyright © 2011-2022 走看看