html块左右排列,html – 如何均匀地排列多个内嵌块元素？

我最近读了一个非常聪明的技巧来完成你所要求的工作。

简而言之，你只需要使用text-align：justify;在容器元素上实现这一点，结合一个额外的不可见块。

这是因为内联块元素被视为文本内容的一部分，每个元素实际上是单个单词。

使用对齐方式将展开文本中的单词，以便它们填充元素的整个宽度，并在单词之间增加空格。对于内联块元素，这意味着它们之间具有均匀间隔。

最后我提到一个额外的看不见的块。这是必需的，因为正常的text-align：对齐不会证明最后一行文本。对于正常文本，这正是你想要的，但是为了对齐内嵌框框，你希望它们都对齐。

解决方案是将额外的不可见但100％的宽度元素添加到内联块元素列表的末尾。这将成为文本的最后一行，因此，正当的技术将适用于其余的块。

您可以使用：after pseudo-selector来创建不可见元素，而无需修改标记。

[编辑]

查看您添加到该问题的图片后，最后一次更新。 (我没有一个更好的答案，但一些额外的想法可能是有用的)。

理想情况下，您需要的是一个最后一行选择器。然后你可以文本对齐：对齐主文本和text-align：居中的最后一行。那会做你想要的

可悲的是，最后一行不是一个有效的选择器((第一行是但不是最后一行)，所以这是想法的结束。

更有希望的思想是text-align-last，它作为一个特征确实存在。这可以完全符合你想要的：

text-align:justify;

text-align-last:center;

完善。

除非它是非标准的，并且浏览器支持非常有限。

我认为最后的手段可能是您的选择，如果您只能支持部分浏览器支持。至少会得到你想要的一些用户。但这并不是一个明智的做法。

我的直觉是，尽可能接近你要得到的。非常贴近您想要的，但不完全相同。我希望我被证明是错误的，但我会感到惊讶。太糟糕了，因为我似乎是一个完美的逻辑的事情要做。

html块左右排列,html – 如何均匀地排列多个内嵌块元素？相关推荐

html 块元素 css,HTML和CSS - 内嵌块元素的问题
我做了一个网站,其中显示主div,多个div(作为内联元素),这些div包含IMG和P元素.HTML和CSS - 内嵌块元素的问题那么,如果我离开P元素(或没有p标签的文本),一切都可以,但是如果我 ...
html如何整齐排列选择框,html – 如何均匀地排列多个内嵌块元素？
我最近读了一个非常聪明的技巧来完成你所要求的工作. 简而言之,你只需要使用text-align:justify;在容器元素上实现这一点,结合一个额外的不可见块. 这是因为内联块元素被视为文本内容的一部 ...
FPGA芯片结构（可编程输入输出单元IOB/可配置逻辑块CLB/数字时钟管理模块DCM/ 嵌入式块RAM（BRAM）/丰富的布线资源/ 底层内嵌功能单元/内嵌专用硬核）
目前主流的FPGA仍是基于查找表技术的,已经远远超出了先前版本的基本性能,并且整合了常用功能(如RAM.时钟管理和DSP)的硬核(ASIC型)模块.如图1-1所示(注:图1-1只是一个示意图,实际上 ...
CSS之排列系列--块级元素、内联元素、内联块元素--区别/详解
原文网址:CSS之排列系列--块级元素.内联元素.内联块元素--区别/详解_IT利刃出鞘的博客-CSDN博客简介本文介绍CSS的块级元素(block).内联元素(inline)和内联块元素(inl ...
行内和块级元素区别?如何让行内元素设置宽高?
行内和块级元素区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素 ...
块、内联、内联块都有哪些及其特点
块元素常见块元素:div,p,ul,li,ol,dl,dt,dd,h1~h6,hr 特点: a)块元素以块的形式显示为一个矩形区域,默认宽度为100%,等于父元素宽 ...
java catch子句的排列,对于catch子句的排列
19.在异常处理中,如释放资源.关闭文件.关闭数据库等由( A.try 子句 B.catch 子句 C.finally 子句 D.throw 子句 20.对于 catch 子句的排列,下列哪种是... ...
html网页结构：行内和块元素、简单案例
一.行内元素和块元素概括块级元素:div , p ,form, ul,li,ol,dl,form, address,fieldset, hr, menu, table 行内元素:span, stro ...
css块元素,内联元素,内联块元素
一.块元素,内联元素,内联块元素 1.块元素: 也称行元素, 布局中常用的标签如:div,p, h1-h6,ul,li... 支持全部的样式可以设置元素的大小,并且元素是独占一行显示,如果 ...

html块左右排列,html – 如何均匀地排列多个内嵌块元素？

html块左右排列,html – 如何均匀地排列多个内嵌块元素？相关推荐

最新文章

热门文章