使内联块100％的父级高度？

我有一个图像和一些文本的包装div。我希望word-wrap: break-word的文本始终位于图像的右侧，即使是多行。现在文字环绕并开始图像下方的下一行。使内联块100％的父级高度？

我试图在div内包装图像，并将div的高度设置为100％来创建某种列，但似乎没有工作。

我做了一个的jsfiddle显示这是怎么回事：http://jsfiddle.net/dsh0hnc9/2/

有人可以帮我把文本总是开始于图像的右侧，即使它是多行多长时间？

2016-08-13 Bender

文本开始到图像 – chirag

的右侧我试图评论显示：直列挠曲;在你的imgdiv id中，然后让它向左浮动并赋予它像200px的高度（等于文本p），它起作用 – Shrikant

#outerDiv { 
 
    border: 1px solid red; 
 
    display: flex; 
 
    align-items: center; 
 
    padding: 10px; 
 
} 
 
#imgDiv { 
 
    height: 100%; 
 
    margin-right: 10px; 
 
} 
 
p { 
 
    color: black; 
 
    display: inline-block; 
 
    word-wrap: break-word; 
 
    margin: 0; 
 
}

<div id="outerDiv"> 
 
    <div id="imgDiv"> 
 
    <img src='http://beerhold.it/10/10'> 
 
    </div> 
 
    <p> 
 
    me: Yea there's kids who use this, don't say super inappropriate stuff please or you'll be banned. I saw a guy get banned last week. boy was he pissed. 
 
    </p> 
 
</div>

来源

2016-08-13 05:45:32

使内联块100％的父级高度？

回答

相关问题