<div class="ui message" style="height: 60px;"> <div class="item"> <div class="content"> <div class="header"><i class="thumbs up outline icon"></i>评论和@</div> <div class="extra">10 分钟前</div> </div> </div> </div> 如何将以上代码改为一个按钮

您可以使用 Semantic UI 中的按钮组件将其转换为一个按钮，代码如下：

<button class="ui button">
  <div class="ui message" style="height: 60px;">
    <div class="item">
      <div class="content">
        <div class="header"><i class="thumbs up outline icon"></i>评论和@</div>
        <div class="extra">10 分钟前</div>
      </div>
    </div>
  </div>
</button>

这样就会将整个 `<div>` 包裹在一个按钮中，并且用户可以通过点击该按钮执行相应的操作。