只使用CSS隐藏特定文本?
这是我所指代码的副本:只使用CSS隐藏特定文本?,css,Css,这是我所指代码的副本: <div id="incomeforecast"> <div style="float:left;margin:10px 0 10px 0;width:100%;text-align:center;"> <span class="textred"><b>USD Currency</b></span><br> Monthly: $0.00 US
<div id="incomeforecast">
<div style="float:left;margin:10px 0 10px 0;width:100%;text-align:center;">
<span class="textred"><b>USD Currency</b></span><br>
Monthly: $0.00 USD (0)<br>
Quarterly: $0.00 USD (0)<br>
Semi-Annually: $0.00 USD (0)<br>
Annually: $0.00 USD (0)<br>
Biennially: $0.00 USD (0)<br>
Triennially: $0.00 USD (0)<br>
<span class="textgreen"><b>Est. Annual: $0.00 USD</b></span>
</div>
</div>
美元货币
每月:0.00美元(0)
季度:0.00美元(0)
每半年:0.00美元(0)
每年:0.00美元(0)
每两年:$0.00美元(0)
每三年:$0.00美元(0)
美国东部时间。年度:0.00美元
我需要隐藏此信息,以防在页面上显示:
Biennially: $0.00 USD (0)<br>
Triennially: $0.00 USD (0)<br>
每两年一次:$0.00美元(0)
每三年:$0.00美元(0)
有没有办法只用CSS就可以做到这一点?输出它的PHP文件是加密的,页面中没有Javascript文件,因此只能使用CSS…是的,有一种方法。您可以看到以下内容:
正文{
字体:14px/1.7 Arial;
颜色:#444;
}
.txts{
边框:1px实心#ccc;
填充:10px;
高度:130像素;
溢出:隐藏;
位置:相对位置;
}
.txts.textgreen{
位置:绝对位置;
左:10px;
底部:0;
背景:#fff;
高度:20px;
垫底:5px;
}
美元货币
每月:0.00美元(0)
季度:0.00美元(0)
每半年:0.00美元(0)
每年:0.00美元(0)
每两年:$0.00美元(0)
每三年:$0.00美元(0)
美国东部时间。年度:0.00美元
是的,有办法。您可以看到以下内容:
正文{
字体:14px/1.7 Arial;
颜色:#444;
}
.txts{
边框:1px实心#ccc;
填充:10px;
高度:130像素;
溢出:隐藏;
位置:相对位置;
}
.txts.textgreen{
位置:绝对位置;
左:10px;
底部:0;
背景:#fff;
高度:20px;
垫底:5px;
}
美元货币
每月:0.00美元(0)
季度:0.00美元(0)
每半年:0.00美元(0)
每年:0.00美元(0)
每两年:$0.00美元(0)
每三年:$0.00美元(0)
美国东部时间。年度:0.00美元
我使用相对位置和asbolute以不同的方式实现了这一点。看看我的代码。但您必须确定正确的文本大小和高度
#incomeforecast div{position:relative;}
#incomeforecast div span:last-child
{
height:35px;
margin-top:-30px;
display:block;
background-color:#fff;
position:absolute;
bottom:0px;
left:0;
right:0;
}
我使用相对位置和asbolute以不同的方式实现了这一点。看看我的代码。但您必须确定正确的文本大小和高度
#incomeforecast div{position:relative;}
#incomeforecast div span:last-child
{
height:35px;
margin-top:-30px;
display:block;
background-color:#fff;
position:absolute;
bottom:0px;
left:0;
right:0;
}
将其包含在div中并添加属性
display:none
“输出它的PHP文件是加密的”,只使用CSS。。。。不。您是“拥有”php文件还是它是第三方的?如果你拥有它,你应该能够解密它。一个复杂的选项是使用新的PHP页面调用初始PHP页面,然后解析内容以删除所需内容。不,这是一个第三方脚本,用于加密许可文件和管理文件。CSS:first-line
伪类可以只选择第一行,这毫无价值。不幸的是,在这里没有帮助。请将其包含在div中并添加属性display:none
“输出它的PHP文件是加密的”,只使用CSS。。。。不。您是“拥有”php文件还是它是第三方的?如果你拥有它,你应该能够解密它。一个复杂的选项是使用新的PHP页面调用初始PHP页面,然后解析内容以删除所需内容。不,这是一个第三方脚本,用于加密许可文件和管理文件。CSS:first-line
伪类可以只选择第一行,这毫无价值。不幸的是,这在这里没有帮助。这比我的答案还要聪明,你的答案是+1。这比我的答案还要聪明,你的答案是+1。请你在答案中包含代码,或者最好还是使用代码片段。按钮。StackOverflow相当于JSFIDdle我相信这会让XKCD的作者Randall Munroe非常生气:)请您将代码包含在答案中,或者最好还是使用代码片段。按钮。StackOverflow相当于JSFIDDLE我相信这会让XKCD的作者Randall Munroe非常生气:)