如何在网站中间居中放置文本并删除滚动条?

时间:2018-12-22 04:11:06

标签: css center

我需要在站点中心放置此文本,但需要这种对齐方式。

<!DOCTYPE html>
<style>

::selection { opacity:.1; background:rgba(255, 255, 255,0.3) }

body {
background-color:#9999ff;
color:white;
font-family:arial;
font-size:100px;
font-weight:;
}

div.container4 {
height: 10em;
position: relative }
div.container4 p {
margin: 0;

position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) }
}

</style>

<div class=container4>
  <p><font style="font-weight:bold;">Project</font> Lavender<br><font style="font-size:60px;">Coming 2019
</div>

当我使用此功能时,会出现一个滚动条。我不想只是将其删除,而是将其删除,所以无论如何它都不会出现。 下面是滚动条的图片 enter image description here

2 个答案:

答案 0 :(得分:1)

只需将其添加到正文中

overflow: hidden;

答案 1 :(得分:0)

中心标签怎么样? 即使皱着眉头