查看“模板:按钮”的源代码

<div class="no-pic-button"><span>[[{{{1|页面名称，太长的话会显示为省略号}}}]]</span></div>
{{#css:
.no-pic-button {
  display: block;
  position: relative;
  margin-right: 12px;
  margin-bottom: 8px;
  width: fit-content;
  height: fit-content;
}
.no-pic-button>a {
  position: absolute;
  left: 2px;
  top: 2px;
}
.no-pic-button>span>a {
  color: #FFFFFF;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
  height: 34px;
  line-height: 32px;
  background: #40404075;
  border-radius: 2px;
  border: 1px solid #000000;
  padding-left: 4px;
  text-align: center;
}
@media only screen and (max-width: 600px) {
    .no-pic-button {
        width: calc(50% - 6px);
        margin-right: 3px;
        margin-bottom: 6px;
    }
    .no-pic-button>span>a {
        width: 100%;
    }
}
}}