文本区域css,如何知道文本从一个CSS区域溢出到另一个区域?
我有一个文本可以动态添加到的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区域溢出到另一个区域?相关推荐
- java确定一个整数是否溢出,java-判断一个整数是不是回文,考虑溢出
java-判断一个整数是否回文,考虑溢出 public class PalindromeInt { /** * PalindromeInt,like 1,121,12321.... * you sho ...
- web前端培训:CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
- css如何设置文本垂直居中显示,css中怎么设置文本居中?css文本垂直居中的设置方法...
在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...
- CSS深度学习 - 文本方向 direction 和 dir
dir 与 direction 在 HTML 中,指示元素中文本方向有如下几种方式. 第一种是直接使用 dir 属性去描述,详情 - dir <div dir="rtl"&g ...
- CSS字体、文本属性、CSS 盒模型
1.css字体 1.1 font-family 作用:设置文本的字体系列 语法:font-family:字体名称: 常用值 一个字体名称或系列名称(介绍常用字体名称.字体系列) 1.楷体 KaiTi ...
- HTML 与 CSS 中的文本
HTML 与 CSS 中的文本 结构化元素 结构化元素就是指 HTML 元素中具有明确含义和作用的元素,例如 `` 元素表示段落.相对于 HTML 4.01 版本而言,HTML5 版本新增了一系列结构 ...
- CSS(二)属性--文本设置
HTML代码一 <body> <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过.卖火柴的小姑娘.......</div> </body> C ...
- html 文本强调,CSS Emphasis Marks 文本强调标记
我们常常会在网页中对文本某一关键词进行凸显强调,加粗.高亮.下划线等等一系列相对匹配的样式去装饰进而引起用户注意,今天我们看看另一种实现方法text-emphasis. 页面文本段落中,有时我们会根据 ...
- html如何设置文本斜体,CSS/HTML:使文本斜体的正确方法是什么?
Rupert Madden-Abbott 194 html css semantic-markup 使文本斜体的正确方法是什么?我见过以下四种方法: Italic Text Italic Text I ...
- css禁用选中文本_使用CSS禁用文本选择突出显示
css禁用选中文本 Introduction: 介绍: Texts are the most fundamental elements of any websites or web pages, th ...
最新文章
- 【vue】.native给组件绑定原生事件
- sqlite创建表联合主键的sql写法、执行sql文件、不支持右连接、获取年份、case when 的使用
- python定时关机_python 实现定时关机(windows,python3)
- cookie放在请求头_Web安全:你必须知道的“Cookie安全”
- java先进先出 循环队列,JavaScript队列、优先队列与循环队列
- 线程中task取消_Rust Async: async-task源码分析
- 腾讯视频如何退出登陆
- mysql update 批量修改数据_MySQL 中实现数据的批量修改
- 求一个数因数个数c语言,【代码】求一个数的因数和、求优化、顺便也供新人参考算法...
- 广州坐标系转换大地2000_如何将百度坐标转换为国家2000坐标系?
- MindManager带你走进三顾茅庐
- 2022年度猫狗粮销售数据:十大热门品牌排行榜,哪些品牌入围?
- Trino 本地编译搭建 standalone 模式
- 网上预约 php,php65高校体育场地网上预约使用系统
- loadrunner入门教程(9) --开始录制
- Context上下文穿插方式,不是设计模式,但胜于设计模式。
- JPA性能方法------EntityManager的find()与getReference()的区别
- 实战:开发Python项目管理平台Sailboat
- shell 脚本阅读之一
- linux查看3306是哪个进程占用,linux查看端口占用
热门文章
- 解决office 2013 新建PPT(幻灯片)为拉伸矩形问题
- C#后台调用跨域MVC服务,带Cookie验证
- 岁月是把杀猪刀时光不止催人老
- 选择checkbox显示隐藏内容
- 仿Android 5.0 侧滑菜单按钮动画 以及侧滑菜单联动
- mysql+enable+sql+log_MySQL -- redolog + binlog
- could not connect to smtp host java_服务器发送邮件出现Could not connect to SMTP host错误 解决办法...
- 由于计算机是中文名ccs软件安装出现错误_UG软件不会解决的二十个问题解决方法总结...
- 体育馆预约系统java_基于SSM框架下的JAVA体育场地预约系统
- python抛出异常的关键字_浅谈python抛出异常、自定义异常, 传递异常