html - 双倍的

Question

我有一些文本要同时居中在页面上，并且段落中的文本要向左调整？一点帮助？

这就是我一直在尝试的

      <p align="center"><div align="left>text<br>more text</p></div>

显然不起作用，这只会改变一切

Answer 1

align="center"并align="left"已弃用。改用 CSS。

这是一种方法（假设您想要 2 个嵌套元素，或查看 Brad 的将单个元素居中的方法）：http: //jsfiddle.net/EzNJQ/1/

<div id="outer">
    <p id="inner">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p>
</div>​

#outer{
    width: 300px;
    margin: 0 auto; /* centers */
}
#inner {
    text-align: left;   
}

更多示例：http ://www.w3.org/Style/Examples/007/center.en.html

Answer 2

令人不安的部分（尽管 IE 总是不同）是为了使项目居中，水平边距需要设置为自动（允许浏览器实际居中内容）。所以，话虽如此：

p.centered {
    margin: 0px auto;
    width: 300px;
    border: 1px solid #f0f;
}

<p class="centered">This is your paragraph</p>

这width是您的电话（为了清楚起见，我添加了一个边框），但只需将边设置margin为auto，内容将左对齐（除非另有指定text-align）。