我有一个文本可以动态添加到的div。使用CSS区域,我使文本从一个div流到另一个div。但是,似乎我必须事先知道我需要多少个div来适合文本。我只想创建一个div,当它溢出之前流入。我一直无法找到onOverflow事件。下面是我从HTMLRocks示例中修改的静态示例。我想这样做,但不必在前面创建3个“区域”。我宁愿只在开始时创建一个,然后根据需要生成其他人。谢谢。如何知道文本从一个CSS区域溢出到另一个区域?

#content {

-webkit-flow-into: article-flow;

display: -webkit-flex;

display: flex;

}

.region {

-webkit-flow-from: article-flow;

box-sizing: border-box;

width: 100px;

height: 100px;

padding: 10px;

border: solid 2px black;

}

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+0

你是否需要所有的div都是100px宽?你可以创建一个div,它将和父容器一样宽。 –

+0

您可以尝试将此添加到您的区域css'word-wrap:break-word;' –

+0

据我所知,我可以使它与父母的大小相同,但我想要有其他大小。我选择100px作为示例。我不相信“文字包装:真言”;是我正在寻找的。这只是为了在分栏结束时分手。但是,谢谢你的尝试。 –

文本区域css,如何知道文本从一个CSS区域溢出到另一个区域?相关推荐

  1. java确定一个整数是否溢出,java-判断一个整数是不是回文,考虑溢出

    java-判断一个整数是否回文,考虑溢出 public class PalindromeInt { /** * PalindromeInt,like 1,121,12321.... * you sho ...

  2. web前端培训:CSS中单行文本溢出显示省略号的方法

    CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...

  3. css如何设置文本垂直居中显示,css中怎么设置文本居中?css文本垂直居中的设置方法...

    在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...

  4. CSS深度学习 - 文本方向 direction 和 dir

    dir 与 direction 在 HTML 中,指示元素中文本方向有如下几种方式. 第一种是直接使用 dir 属性去描述,详情 - dir <div dir="rtl"&g ...

  5. CSS字体、文本属性、CSS 盒模型

    1.css字体 1.1 font-family 作用:设置文本的字体系列 语法:font-family:字体名称: 常用值 一个字体名称或系列名称(介绍常用字体名称.字体系列) 1.楷体 KaiTi ...

  6. HTML 与 CSS 中的文本

    HTML 与 CSS 中的文本 结构化元素 结构化元素就是指 HTML 元素中具有明确含义和作用的元素,例如 `` 元素表示段落.相对于 HTML 4.01 版本而言,HTML5 版本新增了一系列结构 ...

  7. CSS(二)属性--文本设置

    HTML代码一 <body> <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过.卖火柴的小姑娘.......</div> </body> C ...

  8. html 文本强调,CSS Emphasis Marks 文本强调标记

    我们常常会在网页中对文本某一关键词进行凸显强调,加粗.高亮.下划线等等一系列相对匹配的样式去装饰进而引起用户注意,今天我们看看另一种实现方法text-emphasis. 页面文本段落中,有时我们会根据 ...

  9. html如何设置文本斜体,CSS/HTML:使文本斜体的正确方法是什么?

    Rupert Madden-Abbott 194 html css semantic-markup 使文本斜体的正确方法是什么?我见过以下四种方法: Italic Text Italic Text I ...

  10. css禁用选中文本_使用CSS禁用文本选择突出显示

    css禁用选中文本 Introduction: 介绍: Texts are the most fundamental elements of any websites or web pages, th ...

最新文章

  1. 【vue】.native给组件绑定原生事件
  2. sqlite创建表联合主键的sql写法、执行sql文件、不支持右连接、获取年份、case when 的使用
  3. python定时关机_python 实现定时关机(windows,python3)
  4. cookie放在请求头_Web安全:你必须知道的“Cookie安全”
  5. java先进先出 循环队列,JavaScript队列、优先队列与循环队列
  6. 线程中task取消_Rust Async: async-task源码分析
  7. 腾讯视频如何退出登陆
  8. mysql update 批量修改数据_MySQL 中实现数据的批量修改
  9. 求一个数因数个数c语言,【代码】求一个数的因数和、求优化、顺便也供新人参考算法...
  10. 广州坐标系转换大地2000_如何将百度坐标转换为国家2000坐标系?
  11. MindManager带你走进三顾茅庐
  12. 2022年度猫狗粮销售数据:十大热门品牌排行榜,哪些品牌入围?
  13. Trino 本地编译搭建 standalone 模式
  14. 网上预约 php,php65高校体育场地网上预约使用系统
  15. loadrunner入门教程(9) --开始录制
  16. Context上下文穿插方式,不是设计模式,但胜于设计模式。
  17. JPA性能方法------EntityManager的find()与getReference()的区别
  18. 实战:开发Python项目管理平台Sailboat
  19. shell 脚本阅读之一
  20. linux查看3306是哪个进程占用,linux查看端口占用

热门文章

  1. 解决office 2013 新建PPT(幻灯片)为拉伸矩形问题
  2. C#后台调用跨域MVC服务,带Cookie验证
  3. 岁月是把杀猪刀时光不止催人老
  4. 选择checkbox显示隐藏内容
  5. 仿Android 5.0 侧滑菜单按钮动画 以及侧滑菜单联动
  6. mysql+enable+sql+log_MySQL -- redolog + binlog
  7. could not connect to smtp host java_服务器发送邮件出现Could not connect to SMTP host错误 解决办法...
  8. 由于计算机是中文名ccs软件安装出现错误_UG软件不会解决的二十个问题解决方法总结...
  9. 体育馆预约系统java_基于SSM框架下的JAVA体育场地预约系统
  10. python抛出异常的关键字_浅谈python抛出异常、自定义异常, 传递异常