0

我不确定这里的问题是什么,但是在这个元素内部,左边有一些死区,对我所做的任何事情都没有反应。我想将元素内的文本居中(并且它居中的,只有左侧有一些空白空间似乎没有被考虑在内)。这是一张图片:

在此处输入图像描述

您可以看到左侧的填充比右侧的填充大得多。我试图手动设置padding-left,但没有奏效。

这是页面中的元素(我正在使用rails):

<div class="holder round clear eval_body">
  ...
  <div class="box center">
    Before continuing to the next student, 
    <br />please take a moment to review the scores for <%= @student.name %>.
    <br />  
    <span class='strong'>
      Once you have submitted them, they cannot be changed!
    </span>
  </div>
  ...
</div>

box元素

.box {
    position: relative;
    bottom: 3px;
    left: 10em;
    width: 50%;
    height: 8%;
    background: #B05C37;
    border: 3px solid #902D00;
    color: #fff;
}
4

3 回答 3

0

将您的 CSS 类更改.box center.box

于 2013-08-21T10:08:46.403 回答
0

感谢您的建议(尤其是techvineet)。得到它的工作:

.box {
    position: absolute;
    bottom: 3.5%;
    right: 7%;
    margin: 5px;
    padding: 20px;
    width: 50%;
    background: #B05C37;
    border: 3px solid #902D00;
    color: #fff;
}
于 2013-08-21T10:29:40.877 回答
0

添加

text-align: center;

到 CSS 中的 .box。

于 2013-08-21T11:24:40.943 回答