Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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
Javascript 将所有内部标签安装在容器内_Javascript_Html_Css - Fatal编程技术网

Javascript 将所有内部标签安装在容器内

Javascript 将所有内部标签安装在容器内,javascript,html,css,Javascript,Html,Css,我有一个解释气泡,我想在解释标题div中放置一些文本,如p标记、span和img标记,作为我解释的容器: /*解释泡沫*/ .解释容器{ 位置:相对位置; 溢出:隐藏; 最大宽度:70vw; 最大高度:50vh; 背景色:rgba6,0,15,0.4; 填充:0; 字号:1.25em; 边界半径:1em; 盒子阴影:0.125rem 0.5rem rgba0,0,0.3,0.0625rem 0.125rem rgba0,0,0,2; 左边距:自动; 右边距:自动; } .解释标题{ 填料:1米

我有一个解释气泡,我想在解释标题div中放置一些文本,如p标记、span和img标记,作为我解释的容器:

/*解释泡沫*/ .解释容器{ 位置:相对位置; 溢出:隐藏; 最大宽度:70vw; 最大高度:50vh; 背景色:rgba6,0,15,0.4; 填充:0; 字号:1.25em; 边界半径:1em; 盒子阴影:0.125rem 0.5rem rgba0,0,0.3,0.0625rem 0.125rem rgba0,0,0,2; 左边距:自动; 右边距:自动; } .解释标题{ 填料:1米1米; 颜色:e9e4f0; } 词组{ 字体系列:opensans粗体; 颜色:ff9100; } 结肠{ 字体系列:打开Sans-Regular; 颜色:ff0033; } en定义{ 字体系列:打开Sans灯; 颜色:f0ede9; } html{ 溢出:隐藏; -webkit用户选择:无; 用户选择:无; } 身体{ 背景色:透明; 溢出:隐藏; -webkit文本笔划:0px!重要; -webkit字体平滑:抗锯齿!重要; 高度:100vh; 转化:translateZ0; 背面可见性:隐藏; 保证金:0; } 组成 : 为某事做准备 尼克为他们编了一首歌。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编 尼克为他们编了一首歌。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编 尼克为他们编了一首歌。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编 尼克为他们编了一首歌。 当你是老板时,你可以制定自己的规则。 我已经讲了很多次了,现在我只是边讲边编(想一想该说的话)这是最后一句应该看得见的话


您使用的是固定高度,对于显示所有元素,如果您不想使用溢出,它们似乎太多了:自动最好的方法是放置按钮或链接示例标题:使用内嵌弹出窗口在气泡内显示更多,或者应用溢出:自动而不是隐藏?最好的方法是使容器根据其内容重新调整大小,这意味着容器将适应其内容并进行扩展。另一种方法是使其可滚动我不希望滚动条在这里。。。内容不会太长。。。如果我可以扩展容器的内容…她希望适合容器内的所有解释容器的最大宽度:70vw;最大高度:50vh;所以这是不可能的!