div中的p标签于img设置同一水平_DIV内图片文字如何水平对齐 如图

展开全部

3种方法：

1)div+css /w3c 好处：div+css，代码编译好；不足之处：不支持ie6 7 8浏览器32313133353236313431303231363533e59b9ee7ad9431333335326261

css：

.gd ,.gd div{margin:0 auto; overflow:hidden; display:block;}

.gd{width:1000px;}

.gd .gd_tr{display:table; width:950px;}

.gd .black{width:1000px; color:#fff; background:black;}

.gd .c100{width:100px;}

.gd .c50{width:50px;}

.gd .c800{width:800px;}

/*line-height的值请按需变化使用*/

.gd .red{height:100px; line-height:100px; background:red;}

.gd .pink{height:50px; line-height:50px; background:pink;}

.gd .blue{height:25px; line-height:25px; background:blue;}

.gd .cell{display:table-cell; vertical-align:middle;}

html结构代码：

red

pink

<