单行图文混排垂直居中

简介:
 
<!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>
目录
相关文章
|
4月前
文本居中显示
文本居中显示
|
Web App开发 前端开发 JavaScript
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
图文混排
3.7 图文混排 3.7.1 插入图片和剪贴画 1、插入图片 1嵌入式对象: 只能放置到有文档插入点的位置。 不能与其他对象同时选择,不能与其他对象组合。 可以与正文一起排版,但不能实现环绕。 2浮动式对象: 可以放置到页面的任意位置。 可以同时选择多个对象,并允许与其他对象组合。 还可以与正文实现多种形式的环绕。 嵌入式对象 浮动式对象 位置 插入点位置 任意位置 同时选择、组合 不能 能 与正文排版 能 能 环绕 不能 能 默认 图片、剪贴画 形状、艺术字、文本框 非嵌入式(浮动式)对象的环绕方式: 四周型 上下型 紧密型 浮于文字上方 穿越型 衬于文字下方 三种插入
|
10月前
|
前端开发
DIV+CSS文字与图片上下垂直居中-div css居中
DIV+CSS文字与图片上下垂直居中-div css居中
45 0
|
10月前
|
前端开发
css如何显示文字垂直居中
css如何显示文字垂直居中
49 0
|
10月前
效果:单行省略号,多行省略号
效果:单行省略号,多行省略号
32 0
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
113 0
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
|
前端开发
CSS:一行上不同大小的文字上下垂直居中对齐
CSS:一行上不同大小的文字上下垂直居中对齐
301 0
CSS:一行上不同大小的文字上下垂直居中对齐
|
前端开发
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
CSS如何设置文本样式?常见的文本样式有哪些?
248 0
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等