CSS——run-in元素

最新推荐文章于 2020-01-07 21:36:48 发布
最新推荐文章于 2020-01-07 21:36:48 发布
阅读量3k 收藏
点赞数
分类专栏： css笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36647038/article/details/80460305
版权

run-in元素

  • run-in元素是一个块/ 行内元素混合，可以使某些会计元素成为下一个元素的行内部分。对于标题效果比较有用，就是可以将标题作为文本段落的一部分出现。

  • 在css中，只需要改变元素的display值，并让下一个元素作为块级元素框，就可以使元素成为run-in元素。

  • 如果一个元素生成run-in框，那么该框后面是一个块级框，那么该run-in元素将成为块级框开始处的一个行内框。

  • run-in元素会从其原先的父元素继承属性，只有run-in后面是一个块级框时run-in才起作用，如果不是这样，run-in框本身会成为块级框。

  • 目前很少有浏览器支持run-in元素
courageFei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Runin-概况
细嗅蔷薇
12-14 1万+
Runin测试是电子产品尤其是手机、笔记本、PAD等出厂前必须要进行的测试，主要的目的是模拟用户高强度连续对机器进行各种操作，检测机器在各种极端环境下的性能。
关于：css display run-in
nzf_001的专栏nzf_001的专栏nzf_001的专栏nzf_001的专栏nzf_001的专栏
06-06 796
还没有试过这个原文地址：display run-in">关于：css display run-in作者：emlyhchCSS has a value for the display attribute called run-in. It’s like this: h3 { display: run-in; } The point is to allow a header to run in
CSS3中的run-in类型与compact类型
09-03 810
将元素指定为run-in类型或者compact类型时，如果元素后面还有block类型的元素，run-in类型的元素将被包含在后面的block类型的元素内部，而compact类型的元素将被放置在block类型的元素左边。
display: run-in
weixin_30907523的博客
01-27 213
If a sibling block box (that does not float and is not absolutely positioned) follows the run-in box, the run-in box becomes the first inline box of the block box. 如果兄弟元素不是浮动和绝对定位，那么就会表现得像紧接着那个块元素的第一...
从display:run-in;中学习新技能
weixin_33882452的博客
09-25 93
有时我们想在一行内显示一个标题，以及一段内容，虽然看起来比较简单，但是为了语义化用dl比较合适，但是它默认是block元素，改成inline？那么有多段呢？不就都跑上来了？用float？那问题也挺多。 就是这种效果 当然如果不需要语义化那是很简单的事，但我现在就想用dl>dt+dd。那么display:run-in就派上用场了。 display:run-in 会根据后面的元素进行转换...
cra-tailwindcss-in-js：使用css-in-js解决方案将Tailwind CSS集成到Create React App设置中
02-04
它显示了如何在具有样式化组件和babel宏的CRA环境中设置实用程序优先的css框架 。 阅读有关使用的设置步骤和好处的更多信息。 更新为可与Tailwind版本1一起使用！ 可用脚本 在项目目录中，可以运行： npm start ...
CSS经典练习-css-diner-develop.7z
11-05
《CSS经典练习——css-diner-develop深度解析》 在IT领域，HTML前端和CSS是构建网页界面的基础。其中，CSS（层叠样式表）尤为重要，它负责定义网页的布局、颜色、字体等视觉效果。"css-diner-develop"是一个专为CSS...
spider 数据集——Text-to-SQL
01-24
一个大规模复杂跨域语义解析和 text-to-SQL 数据集 Spider。该数据集由 11 名耶鲁大学学生标注，包含 10181 个问题和 5693 个独特的复杂 SQL 查询、200 个具备多个表的数据库，覆盖 138 个不同领域。
css-in-js：React：JS技术中CSS比较
02-21
JS中CSS React： 技术的比较。用法在每个包文件夹中，运行： npm inpm run build && open index.html特征怎么读表更多的滴答声并不意味着“更好”，它取决于您的需求。 例如，如果程序包支持css文件提取，则可以在...
CSS-IN-JS基准
02-04
JS基准测试中CSS大桌子 大表示例，使用： React+ CSS 阿芙罗狄蒂迷人的华丽的费拉react-jss 镭React本机网络洛基样式化的组件样式的jsx Styletron 等等平均结果在。 新的演示和基准测试即将推出:)贡献这是一个有帮助...
CSS的盒子模型、元素类型
qq_22253617的博客
12-16 544
CSS的盒子模型、元素类型 文章博客园地址   本文首先介绍了CSS元素的统一内部结构模型，盒子模型；然后介绍了CSS元素基于不同分类标准定义的元素类型，包括基于不同内容设置方式定义的replaced元素和non-replaced元素，以及基于不同布局方式定义的block-level元素、inline-level元素、run-in元素。 盒子模型   盒子模型其实有两种，一种是W3C标准的
display的32种写法
lanwuying的专栏
09-26 3458
转自：display的32种写法 你知道『回』字有四种写法，但你知道display有32种写法吗？今天我们一一道来，让你一次性完全掌握display，从此再也不用对它发愁。 从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类，一共是7大类 1. 外部值 所谓外部值，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。 1.1 dis...
css-display所有属性值简单介绍
水蓝针织
08-31 8355
看到了一些不认识display的属性值，查了查，总结下 display的值一共有32个，分为7大类，如下： 在此之前，这个分类完全没听过，对于display我的学习是这样的，一开始 block 、inline、inline-block，，后来多了个none, 再后来学了flex，其他的table、contents等也见过几次，但是没有去深究。 那来看下这个7大类是怎么定义我们了解的属性值的 外...
BFC原理
hhthwx的博客
05-23 604
BFC是什么？ 在解释BFC元素之前，先看一下另外两个概念Box,Formatting Context的概念 Box：是CSS布局的对象和基本单位，一个页面是由很多 Box组成的。元素的类型和display属性决定了这个Box的类型。不同类型的Box,会参与不同的Formatting Context(决定如何渲染文档的容器)，因此Box内的元素会以不同方式进行渲染。 1.block-leve...
inline-block和run-in的区别
call_me_hoyin
11-13 1264
display的两个属性值inline-block和run-in，这两者之间的区别。 首先是inline-block，它是行内块元素，与它前一个元素的显示角色有关。如果它之前的的元素是块级元素的话，那它也将表现为块级元素；如果它之前的元素表现得是行内元素，则它也表示为行内元素。说白了就是，设置为inline-block的元素的显示效果和它前一个元素的表现一致,，与后一个元素的表现形式无关。 h
CSS3之盒相关样式
持之以恒，大巧若拙
12-05 368
在CSS中，使用display属性指定盒的类型。总体来说，CSS中的盒分为block类型和inline类型。block类型的元素的宽度会占满整个浏览器的宽度，而inline类型的元素的宽度只等于其内容所占的宽度。因此，每一行只允许一个block类型的元素，而可以并列容纳多个inline类型的元素。  盒的类型 1. inline-block 看名字就知道，inline-block类型(在CS
30个css样式
run_in_IT的专栏
05-30 4510
1.花式连字符（&） 　　这个类应该在span元素里使用，并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。 ? 1 2 3 4 5 .amp {    font-family: Baskerville,'Goudy Old Style', Palatino,'Book Antiqua', serif;    font
Python List 删除元素
热门推荐
在路上
03-07 18万+
1. 使用del删除指定元素li = [1, 2, 3, 4] del li[3] print(li) # Output [1, 2, 3]2. 使用list方法pop删除元素li = [1, 2, 3, 4] li.pop(2) print(li) # Output [1, 2, 4]注：指定pop参数，将会删除该位置的元素；无参数时默认删除最后一个元素3. 使用切片删除元素li = [1, 2,
【python】使用in判断元素是否在列表（list）中，如何提升搜索效率？
莫邪莫急的博客
01-07 2万+
经常会做的一个操作是使用in来判断元素是否在列表中，这种操作非常便捷，省去了自行遍历的工作，而且因为大多数时候列表数据量比较小，搜索的速度也能满足需求。 key_list = [1, 2, 3, 4, 5, 6, 7, 8] key = 10 if key in key_list: print("Hello!") 但是，凡是就怕个但是，当列表数据量非常大的时候，比如你要在一个长度为一百万（1...
css-in-css
最新发布
02-05
CSS-in-CSS是一种前端开发技术，也被称为CSS嵌套或CSS模块化。它的主要思想是将CSS样式定义在组件级别，使得样式与组件的逻辑和结构紧密关联，提高代码的可维护性和可重用性。 在传统的CSS开发中，样式是全局共享的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值