Question

我有一个div应用了以下css类：

div.centralcolumn
{
   width: 90%;
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
   font-size: 80%;  
   font-family: verdana, helvetica, arial, sans-serif;
   line-height: 1.6em;
   text-align: left;
}

它的中心是因为汽车边距均匀地划分了两边的剩余空间。但是，我的一个页面将div比其他页面略微向左侧绘制。在检查时，div是相同的宽度（720px），如果我修改内容，则问题div移回到正确的位置。有问题的内容是一个列表项，这里是html的实际块：

    <p>
      <a href="http://ucf.academia.edu/SebastianRisi/Papers/842358/Task_Switching_in_Multirobot_Learning_through_Indirect_Encoding">
        <strong>Task Switching in Multirobot Learning through Indirect Encoding</strong>
      </a><br/>David B. D'Ambrosio, Joel Lehman, Sebastian Risi, and Kenneth O. Stanley (2011).
      <br />
      <strong>In: Proceedings of the International Conference on Intelligent Robots and Systems (IROS 2011 San Fransisco, CA)</strong>
    </p>

最后一行文字似乎是罪魁祸首。如果我缩短它然后问题就消失了，我试着插入一个
来阻止文本到达div的边缘但是没有效果。顺便说一句，我使用的是Chrome和Firefox，两者都存在问题。

Answer 1

我建议首先将最大宽度增加40px。如果它看起来太宽，那么缩短10px，依此类推，直到它为你提供完美的宽度。

为什么中心HTML DIV会根据其内容移动？

1 个答案: