单行文字居中对齐,多行居左对齐
效果如下图:

直接上代码:
<!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>
推荐栏目
本站推荐
百度站内搜索
Copyright © 2007-2014 芒果 保留所有权利.
无心无力无时间来进行无用的备案
Theme by 芒果 坚持不一定胜利 也许你在南辕北辙!




