溢出:隐藏在Div中无法正常工作

时间:2019-02-19 21:32:44

标签: css overflow

所以,我对此并不陌生,我正在研究一个基本的重定向Tumblr主题[不重要],但是我有一个横幅,它是一个div框,我想适合图像,就像我是使用溢出:隐藏。唯一的问题是,该命令不起作用。必须复制和粘贴部分代码,我认为c / p's css中的某些内容无法正常工作。另外,如果我的代码编写得很糟糕,请提前抱歉,我还是新手。

我要隐藏的内容是“此博客已移动”的白色背景/横幅,以免与边框重叠。

for col in df.columns:
    df[col].value_counts()[:10].plot('bar')

1 个答案:

答案 0 :(得分:0)

这是吗?

body {background-color: #dff2f4;}

.img {
	background: url("https://66.media.tumblr.com/0ec32bfc5aeafd4db56b123737224ef8/tumblr_pn6qcyuFhy1xiq9t5o2_r1_540.gif");
	height: 500px;
	width: 710px;
	margin-top: 100px;
	margin-left: 355px;
	border-width: 15px;
	border-radius: 50px;
	border-style: double;
	border-color: white;
	overflow: hidden;
	background-color: #cbdaff;
}

.centered {
	font-family: 'SourceSansPro-ExtraLight';
	transform: translate(-50%, -50%);
	background-color: white;
	text-align: center;
	color: #dadada;
	margin-top: 50%;
	width: 750px ;
	font-size: 30px;
	letter-spacing: 10px;
	padding: 7px 7px 7px 7px;
}

@font-face {
	font-family: 'SourceSansPro-ExtraLight.ttf';
	src: url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
<div class="banner">
	 <div class="img">
	  <div class="centered">THIS BLOG HAS MOVED</div>
	 </div>
 </div>