Blogger Information
Blog 12
fans 0
comment 0
visits 10519
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
图文混排,利用css的overflow:hidden实现溢出隐藏 8月14日16:19
A骆长林的博客
Original
1035 people have browsed it

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments