Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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
Php 更改<;p>;标签';s内容,但不更改宽度';那里有很多元素_Php_Html_Css_Wordpress_Css Selectors - Fatal编程技术网

Php 更改<;p>;标签';s内容,但不更改宽度';那里有很多元素

Php 更改<;p>;标签';s内容,但不更改宽度';那里有很多元素,php,html,css,wordpress,css-selectors,Php,Html,Css,Wordpress,Css Selectors,问题在于WordPress的后期编辑。我有一个p标签,里面有一些文本和图像 我希望文本是p的50%宽度,而图像能够占据p的全部宽度 有可能吗?怎么可能?(默认情况下,每个图像都放置在p标记中) 这里有一些文字,我想有50%的宽度的p。 您可以使用显示:flex像这样 div{ 显示器:flex; 宽度:500px; 高度:500px; 背景颜色:蓝色; 证明内容:中心; 对齐项目:居中; } h1{ 柔性生长:1; } /*玩弄这些价值观*/ img{ 柔性生长:3; } /*播放这些值*

问题在于WordPress的后期编辑。我有一个
p
标签,里面有一些文本和图像

我希望文本是p的50%宽度,而图像能够占据p的全部宽度

有可能吗?怎么可能?(默认情况下,每个图像都放置在p标记中)


这里有一些文字,我想有50%的宽度的p。

您可以使用
显示:flex像这样

div{
显示器:flex;
宽度:500px;
高度:500px;
背景颜色:蓝色;
证明内容:中心;
对齐项目:居中;
}
h1{
柔性生长:1;
}
/*玩弄这些价值观*/
img{
柔性生长:3;
}
/*播放这些值*/

x

您可以通过将段落填充50%,然后将图像的宽度增加一倍来实现:

p{
右:50%;
}
img{
显示:块;
宽度:200%;
边缘顶部:1米;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。马萨麦格纳的前庭。毛里斯酒后驾车,时势汹涌,效率极高。Nam mollis临时拍卖人。妊娠门静脉畸形。等级A适用于社会团体,并符合以下要求:
科努比亚·诺斯特拉,每一个伊塞普托斯·希梅纳厄斯。leo和venenatis的生命线。在turpis tincidunt连续扫描电镜下,位于前庭弧处。阿利奎姆·特里斯蒂克·努拉·维勒·斯克利斯·费吉亚特(Aliquam tristique nulla vel scelerisque feugiat)。直径为0.5毫米的钠相思,ac Placelat
sem faucibus。智者维瓦摩斯·亨德雷特·乌尔纳(Vivamus congue sapien hendrerit urna Imperta Diety),对同侧皮肤有效。

如果您的
img
必须在
p
内(不理想),这里有一个替代flexbox等的方法:

p {
  padding-right: 50%;
}
p img {
  width: 200%;
  max-width: 200%;
}

演示:

您的代码在哪里?我看不到任何代码:(bootstrap将使您的生活变得轻松。欢迎使用SO。请阅读并了解如何创建@3rdTheMagic添加的代码。)