Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在中间显示文本? 我想在屏幕中间显示我文章的文字,但是要保持图像的大小。我使用Wordpress,因此我可以添加自定义CSS_Html_Css_Wordpress - Fatal编程技术网

Html 如何在中间显示文本? 我想在屏幕中间显示我文章的文字,但是要保持图像的大小。我使用Wordpress,因此我可以添加自定义CSS

Html 如何在中间显示文本? 我想在屏幕中间显示我文章的文字,但是要保持图像的大小。我使用Wordpress,因此我可以添加自定义CSS,html,css,wordpress,Html,Css,Wordpress,我该怎么做?填充或添加边距不起作用,因为它也会将边距添加到图像中。因为我使用的是Wordpress,所以这似乎更难。图像将自动包含在文章正文标记和段落标记中。我该怎么办?你可以看到下面截图中的文本,这是来自MealUM.com是在中间,因为它是真的很酷和容易阅读,但同时,图像是相当大和更大的文本。我无法在我的wordpress站点上执行此操作 添加填充或边距会影响图像。“居中对齐”不起作用 试试这个: text-align:center; margin: auto 0; 更新: 将.body文

我该怎么做?填充或添加边距不起作用,因为它也会将边距添加到图像中。因为我使用的是Wordpress,所以这似乎更难。图像将自动包含在文章正文标记和段落标记中。我该怎么办?你可以看到下面截图中的文本,这是来自MealUM.com是在中间,因为它是真的很酷和容易阅读,但同时,图像是相当大和更大的文本。我无法在我的wordpress站点上执行此操作

添加填充或边距会影响图像。“居中对齐”不起作用

试试这个:

text-align:center;
margin: auto 0;
更新:

将.body文本替换为以下内容:

.body-text {
    margin-bottom: 30px;
    width: 90%;
    margin-top: 30px;
    margin: 0 auto;
    text-align: center;
如果要使文本居中,请删除文本对齐:居中;如本段中的说明所示:

<p id="6d1a" class="graf--p">
减小宽度将更改图像的宽度,因此在图像之前结束正文文本,如下所示:

  <div class="body-text clearfix" itemprop="articleBody">

      <p id="6d1a" class="graf--p" style="/* text-align: left; */">
The U.S. national security space communit.....</p>
    </div>
然后将图像放置在body text div之外。

然后在正文中包含段落,如下所示:

 <div class="body-text clearfix" itemprop="articleBody">
The strategy includes a st...</div>
实现这一点将为您带来如下好处:


请提供与问题相关的HTML和CSS。元素{position:relative;margin:0 auto;}-应该可以正常工作。如果它不起作用,请将您的物品包装在一个容器中。div[itemprop=articleBody]p{字体大小:16px;线条高度:1.6em;边距:自动0;宽度:600px;}defensionem.com/2015/09/14/us-millity-demo-3这是我的网站。div[itemprop=articleBody]p{字体大小:16px;行高:1.6em;边距:自动0;宽度:600px;}代码我使用染料,这是可行的,但如何使图像大小变大?非常感谢。比如全宽。或者更大的图片。好的。好的,如果在文本后放置结束标记;在图像之前,它应该改变宽度。