Question

那不是div，我希望我不能发表它，因为它不符合某些要求。我以前从未使用过类似的工具，只是需要一个需要编程的大学项目的帮助。我有这个：enter image description here

我只希望文本居中。 jsfiddle .net / etr1ok47 /＃＆togetherjs = VfasppUOxh

Answer 1

在this-p类中使用flex：

display: flex;
flex-direction: column;
justify-content: center;

Answer 2

如果您需要使圆中的单词在垂直方向上更好地居中，则可以在css中的p元素的顶部添加填充。

void checkService(waitTime) {
    def conf = readYaml file: "./${CURRENT_STAGE}/src/main/resources/${CONF_NAME}"
    String port = conf.server.port.toString()

    timeout(waitTime) {
        waitUntil {
           script {
             def r = sh script: "wget -q http://${HOST_NAME}:${port}/info -O /dev/null", returnStatus: true
             return (r == 0)
           }
        }
    }
}

如果问题是p本身不在li元素中居中，则使用display：table定义父对象，并使用vertical-align：middle和display：table-cell定义元素本身

Answer 3

尝试将以下内容应用于所包含的div（.parent）和文本周围的包装器（.child）。

.parent {
  height: 300px;
  line-height: 300px;
  text-align: center;
}
.child {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

Answer 4

p.this-p {vertical-align：middle; align：center}

以上是将p元素与填充一起使用时的情况。同样适用于其他元素

在div的中心放置文本

4 个答案: