实例
<!DOCTYPE html>
<head>
<title> 文本控制</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="">
<style type="text/css" media="screen">
.box{
font-size:50px;
font-family: georgia;
}
.main{
width:200px;
height:100px;
color:#f30;
border:1px solid #ccc;
margin:0 auto;
overflow:hidden; /* 溢出隐藏 */
padding:10px;
cursor:pointer;
}
.main:hover{
overflow:visible; /* 原值 */
}
</style>
</head>
<body>
<h1>这是h1标签</h1>
<i>标签</i>
<em>斜体</em>
<b>这是加粗标签 </b>
<p> 让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，
的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。
党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，
深入体会总书记对脱贫攻坚工作的重要指示精神。 </p>
<strong>加粗</strong><!-- //加粗 -->
<span style="color:#f30;font-size: 20px;"> 优惠价：180元 <del> 原价：500元 </del></span>
<!-- 删除线 -->
<!-- 谷歌 -->
<div class="box">
<span style="color:#0388F1">G</span>
<span style="color:#f30">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
</div>
<div class="main">
让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，
总书记的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。
党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，
深入体会总书记对脱贫攻坚工作的重要指示精神。
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>文本控制</title>
</head>
<style type="text/css">
body{
background:#ffffff;
}
.main{
width:383px;
margin:0 auto;
height:1300px;
}
.main h2{
font-size:20px;
}
.title span{
font-size:12px;
color:#ccc;
}
.name{
font-size:12px;
color:#80b1f4;
padding-right:8px;
padding-left:5px;
}
h3{
font-weight:normal;
}
.datum{
text-align:center;
display:block;
font-size:14px;
}
.fanhui{
color:#539ff3;
cursor:pointer;
}
.bianji{
padding-right:5px;
}
.left{
float: left;
}
.right{
float: right;
}
p{
text-indent:2em;
font-size:12px;
color:#191919;
line-height:22px;
}
.footer{
color:#999;
font-size:8px;
}
</style>
<body>
<div class="main">
<h2>声明打脸？ 财新网证实黄晓明出借账户涉股票操纵案</h2>
<div class="title">
<span>2018-08-14 09:49 来源：搜狐娱乐</span>
<b class="right name">黄晓明 </b>
<big class="right"><img src="images/01.jpg"></big>
</div>
<h3> 原标题:黄晓明卷入18亿股票操纵案</h3>
<img src="images/banner.jpg" alt="">
<span class="datum">黄晓明:(资料图) </span>
<p>来源(搜狐网)<p>
<p>该公众号作者还分析了黄晓明工作室发的否认声明。“这个声明还是挺巧妙的，可能每句话都没撒谎，但都回避掉了一个事实，就是没有否认或承认，黄晓明的账户是不是参与操纵股价一案交易的那16个账号之一。有可能黄晓明确实不认识高勇，也不知道操纵股价的计划，到目前为止也没受过行政处罚，到目前为止也没有被行政调查。但这和他的账户参与股价操纵都不矛盾...... 公关公司也是猴精猴精的，要不是财新网这一击补锤，就糊弄过去了。”</p>
<p>某媒体也通过调查黄晓明的投资圈发现，黄晓明与案情通报中的中间人“路某”，早在2013年即存在关联关系，俩人或许早已相识。</p>
<p> “护城河投资合伙人包括高勇、阎宇和路雷，案件通报中介绍张某霞将黄某明账户委托给高勇的路某，即为路雷，根据决定书中的披露，多个委托给高勇管理的私人账户均是由路雷介绍，同时，路雷在护城河投资持股比例65%为第一大股东，高勇持股比例仅为10%，不难发现，路雷在这个案件中起到了比高勇更关键的作用。</p>
<p>路雷与神州泰岳股东及高管关系密切。2012年，路雷与北京善聚投资管理有限公司合伙成立了北京中关乐影文化传媒有限公司，善聚投资背后股东即为神州泰岳实际控制人王宁、李力以及众多高管。善聚投资入股过多家公司，其中，其间接参股的深圳市丰年互动文化科技有限公司，股东中就包括了黄晓明和章子怡等明星。也就是说，路雷和黄晓明，间接拥有共同的合作伙伴，即神州泰岳股东高管成立的善聚投资。”</p>
<p>黄晓明被曝卷入18亿股票操纵大案是在8月11日，来由是证监会通报处罚的一起股票操纵案中，有两个涉案账户的名字是黄某明和张某霞。“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。”爆料者就此猜测，这两人是黄晓明和其母张素霞。
<b class="fanhui">返回搜狐，查看更多 </b>
</p>
<p class="bianji right"> 责任编辑：孙兴德 </p>
<span class="footer left"> 声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。 </span>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
.总结：
块级元素：div、h1-h6、p....
内联元素：a、b、em、i、img....
del:删除字 overflow：hidden 溢出隐藏 overflow：visible原值
伪类元素 link、visited、hover、active