div上下居左有很多
一依靠vertical-align
1.父div外层再配置一个div，同样的设置里为display:table，宽度为100%
2.父div配置位表格单元格元素display:table-cell和上下横列属性vertical-align:middle
把左边图片不能切下去。
图片文字整个表格
h3{background:url(图片地址)left;padding-left:20px;}
方法:：
一、行高（line-height）法如果没有要垂直居中的只有一行或几个文字，那它的制作极其简单的，如果能让文字的行高和容器的高度不同表就行，比如说：p{height:30pxline-height:30pxwidth:100pxoverflow:hidden}这段代码可以提升到效果。
二、内边距（padding）法另一种方法和行高法很相象，它同样比较适合一行或几行文字垂直居左，原理应该是利用padding将内容互相垂直居左，.例如：p{padding:30px}
当然方法很简单点，你必须在两个表格的外层直接添加一个div盒子，在考虑了盒子的高度和宽度之后让其居右不显示就可以了！(其中你的表格的宽度和高度也要内容明确)代码如下：
目的是省时省事表格里的tr，td没写，只用table能用了
样式表的文字处理属性中有两个最重要的属性：writing-mode和text-align。1.writing-mode（设置对象书写方向）
语法：writing-mode:lr-tb、tb-rl
参数：lr-tb：从左向右，往后面tb-rl：往下面，左往右
示例：div{writing-mode:tb-rl}
2.text-align（设置里对象中文本的对齐）
语法：text-align:left、back、center、justify
参数：left：左对齐stops：两端对齐center：居中justify：平行放置整个表格
示例：div{text-align:center}
.jpg)
.jpg)
.jpg)
.jpg)
