单行图文混排垂直居中

简介:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>单行图文混排垂直居中</title>
    <style type="text/css">
        * {
            margin0px;
            padding0px;
        }
        body {
            font12px "宋体";
        }
        .cont {
            margin30px auto;
            padding75px 0px;
            width300px;
            height150px;
            border1px solid #000;
        }
            .cont img {
                vertical-alignmiddle;
            }
    </style>
</head>
<body>
    <div class="cont">
        <img src="" width="150" height="150" />向我看齐
    </div>
</body>
</html>
目录
相关文章
|
1月前
|
前端开发
CSS水平居中与垂直居中的方法
CSS水平居中与垂直居中的方法
|
3月前
文本居中显示
文本居中显示
|
Web App开发 前端开发 JavaScript
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
|
5月前
easyUI 设置datagrid的行高 + 文字超宽换行
easyUI 设置datagrid的行高 + 文字超宽换行
|
6月前
|
Web App开发 弹性计算 前端开发
CSS 单行/多行文本溢出显示省略号(...)的实现
CSS 单行/多行文本溢出显示省略号
108 0
CSS 单行/多行文本溢出显示省略号(...)的实现
|
9月前
|
前端开发
css如何显示文字垂直居中
css如何显示文字垂直居中
48 0
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
113 0
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
|
前端开发
CSS水平居中+垂直居中+水平/垂直居中的方法总结
CSS水平居中+垂直居中+水平/垂直居中的方法总结
180 0
CSS水平居中+垂直居中+水平/垂直居中的方法总结
|
前端开发
CSS:一行上不同大小的文字上下垂直居中对齐
CSS:一行上不同大小的文字上下垂直居中对齐
300 0
CSS:一行上不同大小的文字上下垂直居中对齐