1

我有 2 列（左和右），这些列是垂直的，有图像、文本和链接。我想将文本放在页面中间，左列和右列，但中间没有列，但是当我粘贴文本时出现对齐问题。但我的文字触及左栏图像或边框，除非我将文本女巫居中，否则我不想将其居中。

如何在左列的元素和页面中间的文本之间留出一个空格，以便我可以正确地证明它的合理性？

<div style="position: relative; float: right; text-align: center;">
      <!-- Images in a vertical line here-->
</div>

<div style="position: relative; float: left; padding-right: 1px; text-align: center;">
      <!-- Images in a vertical line here-->
</div>

谢谢，

4

3 回答 3

1

我相信您正在寻找添加margin: *some distance in em, px, or %*或添加padding: *some distance in em, px, or %*样式规则，具体取决于您希望该空间相对于 CSS 框出现的位置。

于 2013-07-29T17:52:05.907 回答
0

使用margin不会有太大帮助，但是您可以在具有padding-right和的那些 div 中放置一些容器（另一个 div） padding-left。

于 2013-07-29T17:53:05.387 回答
0

我做了一个小提琴来尝试做你所要求的：http: //jsfiddle.net/MEA8W/

CSS：

.column {
    float: left;
    text-align: justify;
    width: 50%;
}

.column p {
    padding: 10px
}

HTML：

<div class="column">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec vestibulum mi, eu mollis nibh. Vestibulum euismod, orci ut porttitor dictum, velit dolor sodales leo, at iaculis metus leo malesuada mi. In non fermentum nulla. Vivamus in dapibus dui. Nulla quis mi commodo, tincidunt eros gravida, rutrum nibh. Vestibulum ac arcu vulputate, tincidunt ante id, molestie massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
    </p>
</div>

<div class="column">
    <p>
        Quisque aliquam ultricies varius. Phasellus viverra congue massa, et fringilla sapien. Quisque quis tristique nisi, sit amet rhoncus nulla. Nulla bibendum mauris pretium dui faucibus rhoncus. Praesent nec mauris ac enim auctor rhoncus a ultrices nisl. Nulla commodo lorem vel eleifend semper. Etiam ac sapien iaculis lacus interdum sodales. Maecenas sed turpis sapien. Vestibulum faucibus ipsum vitae hendrerit egestas. Phasellus cursus congue tempus. Nulla facilisi. Donec vestibulum posuere est, ut fringilla nunc congue sit amet. Aenean et ultricies quam. 
    </p>
</div>
于 2013-07-29T17:56:34.633 回答