html – 当页面的宽度为768px时,如何替换按钮的内容？

概述如果页面的宽度为768px,如何替换按钮的内容？ <a title"Reserve seu Ingresso" class="btn btn-blue" href="#reservar"> <i class="fa fa-ticket 1x"></i> Reserve seu ingresso</a> 我有这个按钮,当页面的宽度为768时,我想取下内容.我该怎么做？ 我试图使用媒 如果页面的宽度为768px,如何替换按钮的内容？

<a Title"Reserve seu Ingresso"  href="#reservar">    <i ></i>    Reserve seu ingresso</a>

我有这个按钮,当页面的宽度为768时,我想取下内容.我该怎么做？

我试图使用媒体查询：

@media (max-wIDth: 768px) {  .btn {    content: "";   }}

解决方法 作为参考,CSS的content属性仅适用于：before和：after伪元素.您不能使用它来更改HTML文档中找到的文本.

这里你最好的选择是将文本包装在span元素中：

<a  ... >    <i ... ></i>    <span>Text here</span></a>

然后通过将其display属性设置为none来隐藏span元素：

@media (max-wIDth: 768px) {    .btn span {        display: none;    }}

总结

以上是内存溢出为你收集整理的html – 当页面的宽度为768px时,如何替换按钮的内容？全部内容，希望文章能够帮你解决html – 当页面的宽度为768px时,如何替换按钮的内容？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。