CSS常用样式补充

  • outline:轮廓线

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style>
			input{
				border: hidden;
				outline: none;	
			}
		</style>
		<input placeholder="这是一个框框" />
	</body>
</html>

实现结果如下:边界和外边框都没有隐藏了。

 

  • overflow :就是文本超出所规定的区域,然后加上滑轮。

代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style>
			div{
				width: 100px;
				height: 100px;
				border: black 1px solid;
				overflow: auto;
			}
		</style>
		<div>12月5日,记者获悉浙江卫视已决定永久停播《追我吧》节目。

“所有的痛与愧、爱与念都化作一句:以翔,一路走好。”一条鲜活生命戛然而止,再也无法飞翔,让人痛惜不已,也让相关节目组追悔莫及。

永久停播节目,是给逝者及其家人一个交代,也是给公众一个交代。愿逝者安息,愿类似悲剧永不重现。

节目停播了,但带给全社会的思索不会停止。综艺节目遍地开花,丰富了娱乐市场,充实了大众生活,但出现了悲剧,带来的不是开心,而是伤心。

如果频发意外,更是生命的不能承受之重。生命之重,反衬出节目之轻,这正是需要追问的地方。

对高以翔的最好告慰,也许不是停掉一档节目,而是深层次“反刍”悲剧何以发生?究竟哪个环节出现了问题?如何消除隐患、举一反三?为此,更应该盘梳整个综艺生态,通过外部监督和自我省思让整个行业更健康可持续。

没有什么比生命更珍贵,没有什么比呵护生命更重要。生命经不起怠慢,期待敬畏生命的意识深入人心!</div>
	</body>
</html>

如果没有overflow就会出现以下情况,文本溢出。

加上overflow就会变为:

  • visibility:将标签隐藏,但是位置还会占用。

display也可以将标签隐藏,但是位置不会占用。

  • vertical-align

     垂直居

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值