html的div的儿子,当父母的身高是动态时，孩子div为100％ HTML / CSS

我希望图像在文本旁边居中。文本的数量在每个框中都不同，所以我无法设置高度。我研究的人主要使用两种垂直居中方式。使用线高我不能使用，因为我没有固定的高度。第二个是使用我不能使用的绝对定位，因为左边的图像里面将覆盖文本。如果我将填充设置为文本，当图像是不存在它看起来不会很好。

我能想到的最好的方法是使用jQuery来获取和设置容器高度，然后根据高度设置边距。

text

.container {

width:600px;

overflow:hidden; }

.image_holder {

width:100px;

height:100%;

float:left;

background:#eaf0ff; }

p {

width:500px;

float:left; }

$('.container').css('height', $('.container').height() );

$('.image_holder').css('margin-top', ( $('.container').height() - $('.image_holder img').height() ) / 2 );

有没有办法用纯CSS干净地完成它？

html的div的儿子,当父母的身高是动态时，孩子div为100％ HTML / CSS相关推荐

web前端中——this指向以及this的应用，函数的调用——this代码举例说明——举例：当鼠标划到列表上时，出现div内容，当鼠标移开列表时，div隐藏
一: //this:这个 //想要知道this代表着什么可以直接在中输入alert(this); //由此可以看出window是JS中的"老大" eg:alert(1);其实就是w ...
如何看待有些家庭“财产归儿子，父母生病养老归女儿”？
"财产归儿子,生病养老归女儿"这种现象在当今并不鲜见,在很多农村甚至很常见,以致在当地百姓眼中成为"理所当然"的现象. 某市近郊有一位李太婆,老伴早年去世,一儿 ...
”父母子女身高“数据集（高尔顿数据集）进行线性回归分析实验
"父母子女身高"数据集(高尔顿数据集)进行线性回归分析实验一.配置Excel 二.对数据做线性回归分析三.父亲母亲分别与儿子做回归方程分析 1.父亲与儿女数据分析 2.母亲与儿 ...
全选或者单选checkbox的值动态添加到div
图片.png <!DOCTYPE html> <html><head><meta charset="utf-8" /><tit ...
js 实现上下拖动改变父 div 的高度，左右上下拖动动态分割孩子的宽高
1. 需求实现父 div 里面左右,上下动态分割 div,并上下改变父 div 的高度,并且宽和高都是按百分比(如图) . 2. 实现原理 2.1 父布局 <div class='hj-wr ...
动态生成的html元素无法调用js函数,如何确保动态生成的div在js函数被调用之前被加载到DOM中？...
$("#submitB").click(function() { $.post("/previewproposal", $("#proposal-fo ...
js在div中追加html,JS把内容动态插入到DIV的实现方法
/p> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Testing example.js 文件内容: window. ...
js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...
原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...

html的div的儿子,当父母的身高是动态时，孩子div为100％ HTML / CSS

html的div的儿子,当父母的身高是动态时，孩子div为100％ HTML / CSS相关推荐

最新文章

热门文章