Question

文本挂在DIV容器之外。也许我的CSS中有错误的元素。在我的实际网站上，它挂在下面，但当我在这里检查片段时，它不会挂起。这是代码。

.bodybox {
    height:65px;
    width:250px;
    background-color:#000000; 
    margin: auto;
    -webkit-box-shadow: 0px 8px 15px 0 #000000;
    -moz-box-shadow: 0px 8px 15px 0 #000000;
    box-shadow: 0px 8px 15px 0 #000000;
    border: solid 2px #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    left: -350px;
    top: 27px;
    font-family: 'Jura', serif;
    font-size: 45px;
    color:#ffffff;
}

<div class="bodybox">
    Print
</div>

Answer 1

.bodybox {
    height:65px;
    width:250px;
    background-color:#000000; 
    margin: auto;
    -webkit-box-shadow: 0px 8px 15px 0 #000000;
    -moz-box-shadow: 0px 8px 15px 0 #000000;
    box-shadow: 0px 8px 15px 0 #000000;
    border: solid 2px #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
   //left: -350px;
    
    font-family: 'Jura', serif;
    font-size: 45px;
    color:#ffffff;
    text-align:center;
    cursor:pointer;
    display:flex;
}

.bodybox span{
  margin : auto;
}

<div class="bodybox">
    <span>Print</span>
</div>

这与您正在寻找的相同吗？

这是JSFiddle

希望这有帮助。

文字挂在DIV外面

1 个答案: