Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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的收缩宽度_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 一系列内联线元素中中间div的收缩宽度

Html 一系列内联线元素中中间div的收缩宽度

html css

Html 一系列内联线元素中中间div的收缩宽度,html,css,Html,Css,我的布局中有以下内联元素的排列： *********************************************** * Div 1 * Div 2 * Button * * Dynamic text * Some static text * * *********************************************** 我的问题是，当Div1中的内容很长时，按钮就会掉出来 ***********

我的布局中有以下内联元素的排列：

***********************************************
*     Div 1      *       Div 2       * Button *
* Dynamic text   *  Some static text *        *  
***********************************************
我的问题是，当Div1中的内容很长时，按钮就会掉出来

******************************************
*     Div 1           *    Div 2         *         
* A long dynamic text * Some static text *********** 
*                     *                 *  Button *  
****************************************************
desire的效果是缩小div2的宽度，使文本分成两行

***********************************************
*     Div 1           *    Div 2     *        *
* A long dynamic text *  Some long   * Button *
*                     *  static text *        *  
***********************************************
我该怎么做呢？谢谢

将所有3个
div
s放入包装器中。使包装器
位置：相对
。然后用按钮使
div
具有
高度：100%
寻求调试帮助的问题（“为什么此代码不工作？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现该问题所需的最短代码。请参阅实现此目的的一种方法，即将每个div设置为
display:table cell
，并遵循@Roimer的解决方案，使表单元格宽度适合其内容。谢谢你们的建议，伙计们。最后我把div包装在一张桌子上，并给了外部元素1%的宽度，这就成功了！