Html 如何在中间显示文本? 我想在屏幕中间显示我文章的文字,但是要保持图像的大小。我使用Wordpress,因此我可以添加自定义CSS
我该怎么做?填充或添加边距不起作用,因为它也会将边距添加到图像中。因为我使用的是Wordpress,所以这似乎更难。图像将自动包含在文章正文标记和段落标记中。我该怎么办?你可以看到下面截图中的文本,这是来自MealUM.com是在中间,因为它是真的很酷和容易阅读,但同时,图像是相当大和更大的文本。我无法在我的wordpress站点上执行此操作 添加填充或边距会影响图像。“居中对齐”不起作用 试试这个:Html 如何在中间显示文本? 我想在屏幕中间显示我文章的文字,但是要保持图像的大小。我使用Wordpress,因此我可以添加自定义CSS,html,css,wordpress,Html,Css,Wordpress,我该怎么做?填充或添加边距不起作用,因为它也会将边距添加到图像中。因为我使用的是Wordpress,所以这似乎更难。图像将自动包含在文章正文标记和段落标记中。我该怎么办?你可以看到下面截图中的文本,这是来自MealUM.com是在中间,因为它是真的很酷和容易阅读,但同时,图像是相当大和更大的文本。我无法在我的wordpress站点上执行此操作 添加填充或边距会影响图像。“居中对齐”不起作用 试试这个: text-align:center; margin: auto 0; 更新: 将.body文
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;}代码我使用染料,这是可行的,但如何使图像大小变大?非常感谢。比如全宽。或者更大的图片。好的。好的,如果在文本后放置结束标记;在图像之前,它应该改变宽度。