Php 更改<;p>;标签';s内容,但不更改宽度';那里有很多元素
问题在于WordPress的后期编辑。我有一个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; } /*播放这些值*
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添加的代码。)