CSS：居中，但将内容向左对齐
我希望整个块都以其父对象为中心，但是我希望块的内容保持对齐。
例子最有用
在本页面 ：
http://yaml-online-
parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a—+%7c%0d%0a
%5c%2f%2f%7c%7c%5c%
2f％7c％7c％0d％0a
％2f％2f +％7c％7c ++％7c％7c __％0d％0a＆type = python
ascii艺术应该居中（如图所示），但应对齐并看起来像“ YAML”。
或这个 ：
http://yaml-online-
parser.appspot.com/?yaml=%3f+-+Detroit+Tigers%0d%0a
-+Chicago+cubs%0d%0a%3a%0d%0a
-+2001-07-23
％0d％0a％0d％0a％3f +％5b + New + York + Yankees％2c％0d％0a
++ Atlanta + Braves
+％5d％0d％0a％3a +％5b + 2001-07-02％2c + 2001-08-12％2c％0d％0a
++ 2001-08-14
+％5d％0d％0a
错误消息应该像在控制台中一样全部对齐。
问题答案：
重新提出另一个问题的有效答案：如何使宽度可变的浮动元素水平居中？
假设将浮动并居中的元素是一个具有id =“ content”的div …
<body>
<div id="wrap">
<div id="content">
This will be centered
</div>
</div>
</body>
并应用以下CSS
#wrap {
float: left;
position: relative;
left: 50%;
}
#content {
float: left;
position: relative;
left: -50%;
}
-
问题内容： 我有一个div 。其内容水平和垂直居中。 当div中的内容太长时，内容将自动换行。但是在这种情况下，对齐方式会中断。请参阅摘要。 如果我添加正确显示。但是，为什么没有中心呢？ 问题答案： flex容器的HTML结构具有三个级别： 容器 该项目 内容 每个级别代表一个独立的独立元素。 该属性是在flex容器上设置的，用于控制flex项目。它不能直接控制项目的子项（在这种情况下为文本）。
-
我想设置一个JButton，使其图标与它的左侧对齐，而文本居中。 我已经找到了如何让其中一个左，另一个右，或两者在同一个设置，但我找不到我要找的。 当然，我总是可以重新定义绘制方法，但我正在寻找一种更精简的方法。
-
问题内容： 我试图在此页面上将新闻滑块（位于div底部容器中）居中： http://www.luukratief- design.nl/dump/parallax/index.html 我已经有了 仍然不起作用。 有什么建议么？ 问题答案： 在仅中心元素的 在线内容 ，而不是元素本身。 如果它是一个 块_元素（一个是），则需要设置；否则，如果它是一个[ _内联_元素]，则需要在 _其父 元素上设置
-
问题内容： 我正在测试像Windows Metro风格的中心分隔线。如果您检查以下代码： 灰色框为70％，在屏幕上居中，这是正确的，但是当我将窗口加宽并且绿色分隔线在移动时，您会看到绿色框在某些点上没有居中。 我已经整天在搜索这个了 如何帮助我呢？ 问题答案： 我之前的答案显示了一种坦率地说已经过时的方法（它仍然有效，只有更好的方法可以实现此目的）。因此，我正在对其进行更新，以包括一个更现代的fl
-
问题内容： 要求 弹性盒 垂直中间 水平向左 垂直堆叠的子元素 子元素的数量可以是一个或多个 使用旧语法，以便Android 4.2能够理解 听起来很难描述。演示中的粉红色框是我想要的外观。绿框已经很好，只是我不知道如何处理多个子元素。 我认为解决方案可能是以下各项的组合，但我做不到。 Codepen演示 问题答案： 沿主轴对齐弹性项目。 沿始终垂直于主轴的横轴对齐弹性项目。 取决于，主轴可以是水
-
问题内容： 我有一个非常简单的问题，但似乎无法解决。我在div中有一个表格，这是主要元素。现在，我在表内有一个td标签，其宽度和高度设置为iphone屏幕尺寸。现在，我基本上要将该表及其td单元格放在div标签的中心，以便“屏幕”将在任何浏览器窗口中居中。我怎么做？ 用表替换该div解决了我的问题，但我想改用div。 谢谢 问题答案： 试试这个，我做这个代码-演示在这里，非常简单的代码（我仅对IE