实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
<style type="text/css">
span{font-weight:bold; /*定义粗体*/
font-size:30px; /*定义字体大小*/
font-family:楷体; /*定义字体*/
display:block;
text-align:center;
}
h1{
text-align:center; /*有3个值：left right center*/
height: 100px;
background:#ccc;
lin-height:100px; /*定义行高*/
}
div span{
font-size:40px;
display:inline;
font-weight:bold;
}
img{
width:300px;
height:300px;
}
b{
display: block;
width: 300px;
height: 40px;
background: pink;
overflow:hidden; /*溢出隐藏*/
margin-bottom:100px;
}
b:hover{overflow:visible;} 默认值，内容不会被修剪，元素会被呈现在元素框
</style>
</head>
<body>
<h1>测试居中</h1>
<span>php中文网</span><br>
<div>
<span style="color:#0388F1">G</span>
<span style="color:rgb(245,28,39);">o</span>
<span style="color:#FFE80E">o</span>
<span style="$038F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color:#ffe80e">e</span>
</div>
<!-- 图文混排 -->
<p>7月份，全国一般公共预算收入17461亿元，同比增长6.1%。其中，中央一般公共预算收入8607亿元，同比增长1.2%；地方一般公共预算本级收入8854亿元，同比增长11.4%。全国一般公共预算收入中的税收收入16081亿元，同比增长11.4%；非税收入1380亿元，同比下降31.8%。</p>
<img src="http://www.php.cn/static/images/next1.jpg">
<br><br>
<img src="http://www.php.cn/static/images/index_php_item3.jpg">
<b>7月份，全国一般公共预算收入17461亿元，同比增长6.1%。其中，中央一般公共预算收入8607亿元，同比增长1.2%；地方一般公共预算本级收入8854亿元，同比增长11.4%。全国一般公共预算收入中的税收收入16081亿元，同比增长11.4%；非税收入1380亿元，同比下降31.8%。</b>
<!-- overflow:hidden; 隐藏 -->
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例