Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将div与第一个并排对齐,取第二个div没有的整个宽度';不需要_Html_Css_Css Float - Fatal编程技术网

Html 将div与第一个并排对齐,取第二个div没有的整个宽度';不需要

Html 将div与第一个并排对齐,取第二个div没有的整个宽度';不需要,html,css,css-float,Html,Css,Css Float,我有一行应该显示标签和按钮的地方。标签应左对齐,按钮应右对齐。标签应占据按钮不需要的所有空间标签文本和按钮文本是动态的,因此不能使用固定长度。 如果不使用Javascript,如何实现这一点 .label { 背景颜色:黄色; 浮动:左; 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; } .按钮容器 { 文本对齐:右对齐; } 这是一个很长的标签,因此必须用省略号将其缩小,这样它就不会占用多行,因为按钮会溢出 放大 这是一个很好的暗示,一个很好的暗示,一个很好的暗示,一个很好的暗示

我有一行应该显示标签和按钮的地方。标签应左对齐,按钮应右对齐。标签应占据按钮不需要的所有空间标签文本和按钮文本是动态的,因此不能使用固定长度。

如果不使用Javascript,如何实现这一点

.label
{
背景颜色:黄色;
浮动:左;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
.按钮容器
{
文本对齐:右对齐;
}

这是一个很长的标签,因此必须用省略号将其缩小,这样它就不会占用多行,因为按钮会溢出
放大
这是一个很好的暗示,一个很好的暗示,一个很好的暗示,一个很好的暗示。在布什塔布豪森和塞曼蒂克的一个城市,斯普拉乔泽群岛的一些地区。这是一个很好的例子,它的名字来自于一个年轻人和一个年轻人。这是一片天堂般的土地,位于登蒙德弗列根的一个小镇。埃因马尔·冯·德·阿尔姆·赫蒂根(Nicht einmal von der allmächtigen)的解释是盲目的,因为他是非正统派人士。这是一篇关于克莱恩·泽勒盲文的文章,《国际卫生条例》将战争知识命名为“同一性”,这是一篇语法文章。在davon ab公司的Oxmox集团中,有一家公司是wimmele von bösen Kommata、wilden Fragezeichen和hinterhältigen Semikoli,该公司是一家盲报公司。在塞纳河中,塞本·凡尔赛连(sieben Versalien)在古尔特尔河(den Gürtel)和韦格河(The machte sich auf den Weg)中写了首字母。此外,还包括了库尔德斯坦·赫克勒姆·哈特(Kursivegebirges erklommen hatte)的作品,其中包括了海马施塔特·布什塔布豪森(Heimatstadt Buchstabhausen)的天际线作品,以及泽林加西(der Zeilengasse)的阿尔法贝多夫(Alphabetdorf)和亚线作品。这是一个很好的选择,因为这是一个很好的选择。Unterwegs traf es eine Copy。抄写本上写着“盲文本”,爸爸,你是谁

有人告诉我,表格只能用于表格数据。但这是我能想到的唯一一种不用JS就能让它工作的方法。不需要将div元素更改为table元素。它将在CSS中进行控制

您的标题将成为表格

.header {display: table}
另外两个容器是细胞。然后只在按钮上加一个宽度

.label {display: table-cell;}
.buttonContainer {display: table-cell; width: 100px;}

这将使标签占据按钮未使用的所有宽度。

检查此项。我已经设计使用表。希望能有帮助

.label{
背景颜色:黄色;
浮动:左;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
.btn{
宽度:75px;
}

这是一个很长的标签,因此必须用省略号将其缩小,这样它就不会占用多行,因为按钮会溢出
放大
这是一个很好的暗示,一个很好的暗示,一个很好的暗示,一个很好的暗示。在布什塔布豪森和塞曼蒂克的一个城市,斯普拉乔泽群岛的一些地区。这是一个很好的例子,它的名字来自于一个年轻人和一个年轻人。这是一片天堂般的土地,位于登蒙德弗列根的一个小镇。埃因马尔·冯·德·阿尔姆·赫蒂根(Nicht einmal von der allmächtigen)的解释是盲目的,因为他是非正统派人士。这是一篇关于克莱恩·泽勒盲文的文章,《国际卫生条例》将战争知识命名为“同一性”,这是一篇语法文章。在davon ab公司的Oxmox集团中,有一家公司是wimmele von bösen Kommata、wilden Fragezeichen和hinterhältigen Semikoli,该公司是一家盲报公司。在塞纳河中,塞本·凡尔赛连(sieben Versalien)在古尔特尔河(den Gürtel)和韦格河(The machte sich auf den Weg)中写了首字母。此外,还包括了库尔德斯坦·赫克勒姆·哈特(Kursivegebirges erklommen hatte)的作品,其中包括了海马施塔特·布什塔布豪森(Heimatstadt Buchstabhausen)的天际线作品,以及泽林加西(der Zeilengasse)的阿尔法贝多夫(Alphabetdorf)和亚线作品。这是一个很好的选择,因为这是一个很好的选择。Unterwegs traf es eine Copy。抄写本上写着“盲文本”,爸爸,你是谁

我相信,仅使用CSS是不可能实现您想要实现的目标的。为了使文本溢出,并溢出工作,他们需要一个宽度


.

使用此CSS代码,希望对您有所帮助

.label
{
背景颜色:黄色;
浮动:左;
宽度:85%;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
.按钮容器
{
文本对齐:右对齐;
浮动:对;
宽度:15%;
}
.label
{
背景颜色:黄色;
浮动:左;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
浮动:左;
宽度:85%;
}
.按钮容器
{
文本对齐:右对齐;
浮动:左;
宽度:15%;
}

这是一个很长的标签,因此必须用省略号将其缩小,这样它就不会占用多行,因为按钮会溢出
放大
这是一个很好的暗示,一个很好的暗示,一个很好的暗示,一个很好的暗示。在布什塔布豪森和塞曼蒂克的一个城市,斯普拉乔泽群岛的一些地区。这是一个很好的例子,它的名字来自于一个年轻人和一个年轻人。这是一片天堂般的土地,位于登蒙德弗列根的一个小镇。埃因马尔·冯·德·阿尔姆·赫蒂根(Nicht einmal von der allmächtigen)的解释是盲目的,因为他是非正统派人士。这是一篇关于克莱恩·泽勒盲文的文章,《国际卫生条例》将战争知识命名为“同一性”,这是一篇语法文章。davon ab公司的Oxmox研究所,该研究所的研究对象是德国科马塔研究所、德国弗雷泽肯研究所和西米科利研究所