是否可以在button的img旁边添加文本？

Question

有没有一种方法可以在img标签后添加文本，并且可以每次更新？ 我正在使用jsp，但不支持html5。

我从这里尝试了一些示例： https://www.w3schools.com/howto/howto_css_image_text.asp

<button type="button" class="button" id="updatetext" style="background-color:Transparent;background-repeat:no repeat;border:none;padding:25px">
   <img src="https://www.w3schools.com/howto/img_snow_wide.jpg" height="85" width="85" align="left">
</button>

结果： 图片内的文字可以更新。

Answer 1

img {
  margin-bottom: -20px;
}

#some_id{
  color: white;

}

<button type="button" class="button" id="updatetext" style="background color:Transparent;background-repeat:no repeat;border:none;padding:25px">
       <img src="https://image.shutterstock.com/z/stock-photo-chinese-snack-and-chinese-tea-on-old-brown-wooden-table-in-dim-light-still-life-imge-and-select-1177215178.jpg" height="85" width="85" align="left"><p id = "some_id">text</p>
    
    </button>

然后您可以通过引用id来使用jsp来更新文本

Answer 2

您可以使用:after或:before选择器在任何元素之后添加或添加文本。

img:after{
content: 'text after image'
}

<button type="button" class="button" id="updatetext" style="background-color:Transparent;background-repeat:no repeat;border:none;padding:25px">
   <img src="..\icon\press.png" height="85" width="85" align="left">

</button>

Answer 3

您需要使用 jsp 批注将html消息链接到变量，在这种情况下为： <％=变量％> ，它将以某种方式进行更新，并且在页面上也添加了一些样式。

尝试一下：

DataTable