单行文字居中对齐,多行居左对齐

时间:2015-11-03 19:48 / 来源:未知 / 作者:admin / 点击:

效果如下图:

直接上代码:

<!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">
div{width:580px;text-align:center; }
img{display:block; }
span{text-align:left; display:inline-block; }
</style>
</head>
<body>
<div><span>我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行我是多行</span></div>
<div><span>我是一行哦。</span></div>
</body>
</html>

猜你喜欢

推荐栏目

DEDECMS
DEDECMS

DEDE使用经验和技巧

WordPress
Wordpress

WP使用经验和技巧

Zblog
Zblog

Zblog使用经验和技巧

CSS
CSS

CSS使用经验和技巧

网络资料
网络资料

转载实用网络资料

按键伤人
按键伤人

转载乱七八糟的网络资源

我是酱油
我是酱油

随笔札记 记录生活点滴

本站推荐

百度站内搜索

专业博客主机