|
|
@@ -8,12 +8,50 @@
|
|
|
div{
|
|
|
text-align: center;
|
|
|
}
|
|
|
+ .text1{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .text2{
|
|
|
+ font-style: italic;
|
|
|
+ }
|
|
|
+ .text3{
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .text4{
|
|
|
+ text-decoration: overline;
|
|
|
+ }
|
|
|
+ .text5{
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border:1px solid black;
|
|
|
+ /* overflow: scroll; */
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .text6{
|
|
|
+ width: 100px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid black;
|
|
|
+ margin:0 auto;
|
|
|
+ /* 强制文本不换行 */
|
|
|
+ text-wrap: nowrap;
|
|
|
+ /* 益处部分隐藏 */
|
|
|
+ overflow: hidden;
|
|
|
+ /* 文本益处部分显示省略号 */
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
+ <a href="https://www.baidu.com">百度</a>
|
|
|
<div>hello</div>
|
|
|
+ <div class="text1">你好1</div>
|
|
|
+ <div class="text2">你好2</div>
|
|
|
+ <div class="text3">你好3</div>
|
|
|
+ <div class="text4">你好4</div>
|
|
|
+ <div class="text5">我聆听沉寂已久的心情清晰透明 就像美丽的风景总在回忆里才看得清被伤透的心能不能够继续爱我</div>
|
|
|
+ <div class="text6">乌云在我们心里搁下一块阴影</div>
|
|
|
<div>
|
|
|
- 乌云在我们心里搁下一块阴影
|
|
|
+ <!-- 乌云在我们心里搁下一块阴影
|
|
|
我聆听沉寂已久的心情
|
|
|
清晰透明 就像美丽的风景
|
|
|
总在回忆里才看得清
|
|
|
@@ -53,7 +91,7 @@
|
|
|
爱你穿越时间
|
|
|
两行来自秋末的眼泪
|
|
|
让爱渗透了地面
|
|
|
- 我要的只是你在我身边
|
|
|
+ 我要的只是你在我身边 -->
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
