Question

我的文字＆＃34; lorum ipsum＆＃34;在CSS中左对齐。我想稍后在右边添加填充，但是现在它不在左侧，它位于中心。有谁知道我再创造了什么？

＆＃13;

    #ubba {

      font-family: "Open Sans", sans-serif;

      font-size: 20px;

      font-weight: bold;

      text-align: center;

      padding-left: auto;

      margin-top: auto;

    }

    #besch {

      font-family: "Open Sans", sans-serif;

      font-size: 20px;

      text-align: left;

      padding-right: 0%;

      padding-left: 0%;

      margin-right: 0%;

      margin-left: 0%;

    }

    * {

      box-sizing: border-box;

      margin: 0px;

      height: auto;

      width: auto;

    }

    body {

      font-family: "Open Sans";

      line-height: 1.618em;

      background: #ecf0f1;

      color: #444;

    }

    .wrapper {

      max-width: 500px;

      width: 100%;

      margin: 0 auto;

    }

＆＃13;

<div class="wrapper">
  <div id="ubba">
    <p>Überschrift:</p>
  </div>
  <div id="besch">
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
      takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </div>

＆＃13;

Answer 1

它是你的中心包装器：

.wrapper {
  max-width: 500px; <---
  width: 100%;
  margin: 0 auto; <---
}

Answer 2

问题是你的段落在div包装器里面，它被设置为

.wrapper{
   max-width: 500px;
   width: 100%;
   margin: 0 auto;
}

这使得任何子div宽度为500px并以屏幕中间为中心。从div besch

中删除div [{1}}

wrapper

Answer 3

如果我理解你想要实现的目标，那么带有lorem文本的段落会出现在中心，因为它位于包装容器中。

您可以尝试在包含文本的div之前关闭包装器package com.stackoverflow.answer; public class RegexTest { public static void main(String[] args) { String input = "It might be more sensible for real users if I also included a lower limit on the number of letters."; System.out.println("BEFORE: " + input); input = input.replaceAll("\\b[\\w']{1,2}\\b", "").replaceAll("\\s{2,}", " "); System.out.println("AFTER: " + input); } }标记。

</div>

这是新代码的小提琴：http://jsfiddle.net/w5qoh0v6/

文本位于中心，而左对齐

3 个答案: