在 WordPress 中将对象居中

发布于 2024-10-16 09:28:56 字数 49 浏览 5 评论 0原文

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

I have a blog on wordpress and I need to center an object. What is the easiest way?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

淡墨 2024-10-23 09:28:56

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% 之类的百分比或像素宽度。

You cannot do layout with PHP, it is for programming logic. To do layout you use CSS and HTML. To center text you can use the text-align tag that jdhartley showed above. To center a block like a table or div you use the following CSS:

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

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

The width can be anything, but you do have to set it. It can be a percent like 90% or a pixel width.

梦里兽 2024-10-23 09:28:56

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

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

You would actually use HTML and CSS to do that. :)

<div style="text-align: center;"> YOUR OBJECT HERE </div>
一笔一画续写前缘 2024-10-23 09:28:56

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

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

Definitely easiest and the best way to centre whatever you want in WordPress is to use:

<center>whatever you need, a, img etc..</center>
与风相奔跑 2024-10-23 09:28:56

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

You don't center objects using PHP. You position them using CSS. Read this for further info.

晨敛清荷 2024-10-23 09:28:56

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;
?>

PHP is just a scripting language that performs data manipulation and such. You process that information and output HTML (usually.) Something you can do is just close the PHP and drop some HTML into it like this:

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

alternatively you can do it all in PHP like:

<?php
$output = '<p style="text-align:center;">HTML Stuff</p>
echo $output;
?>
路弥 2024-10-23 09:28:56

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

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

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

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

正如您可能已经认识到的,您可以更改 {"align":"center"} 以不同方式对齐段落。

In Wordpress version 5.0 and above that use Gutenberg block system you may use the below code to achieve a centered blocked paragraph:

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

I've checked and the code will work without the <p class="has-text-align-center"></p>. In other words. This will work too:

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

As you may recognized already, you can change the {"align":"center"} to align your paragraph differently.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文