在 WordPress 中将对象居中

问题描述 投票:0回答:6

我有一个关于 WordPress 的博客,我需要将一个对象居中。最简单的方法是什么?

html css centering
6个回答
4
投票

你不能用PHP进行布局,它是用于编程逻辑的。 要进行布局,您可以使用 CSS 和 HTML。 要使文本居中,您可以使用 jdhartley 上面显示的文本对齐标签。 要将表格或 div 等块居中,请使用以下 CSS:

<style>
.centered {width:950px; margin-left:auto; margin-right:auto;}
</style>

<div class="centered">Bunch of stuff to be centered</div>

宽度可以是任何值,但你必须设置它。 它可以是 90% 之类的百分比或像素宽度。


3
投票

您实际上可以使用 HTML 和 CSS 来做到这一点。 :)

<div style="text-align: center;"> YOUR OBJECT HERE </div>

2
投票

在 WordPress 中集中您想要的任何内容的最简单且最好的方法绝对是使用:

<center>whatever you need, a, img etc..</center>

1
投票

您不使用 PHP 将对象居中。您可以使用 CSS 来定位它们。 阅读本文以获取更多信息


0
投票

PHP 只是一种执行数据操作等的脚本语言。您处理该信息并输出 HTML(通常)。您可以做的就是关闭 PHP 并向其中放入一些 HTML,如下所示:

<?php //PHP stuff ?>
<p style="text-align:center;">HTML Stuff</p>

或者,您也可以在 PHP 中完成这一切,例如:

<?php
$output = '<p style="text-align:center;">HTML Stuff</p>
echo $output;
?>

0
投票

在使用古腾堡块系统的Wordpress 5.0及以上版本中,您可以使用以下代码来实现居中的块段落:

<!-- wp:paragraph {"align":"center"} -->
    <p class="has-text-align-center">Place your content here.</p>
<!-- /wp:paragraph -->

我已经检查过了,代码在没有

<p class="has-text-align-center"></p>
的情况下也能工作。换句话说。这也能起作用:

<!-- wp:paragraph {"align":"center"} -->
Place your content here.
<!-- /wp:paragraph -->

您可能已经认识到,您可以更改

{"align":"center"}
以不同方式对齐段落。

© www.soinside.com 2019 - 2024. All rights reserved.