echo让多个echo 内容边距平行显示css
   
lan988 级别:管理员    + 关注TA 支持(0) | 反对(0)原内容


<style>
/* 容器样式 */
.container {
  display: flex; /* 使用Flexbox布局 */
  justify-content: space-around; /* 水平方向上的子元素间隔均匀分布 */
  align-items: center; /* 垂直方向上的子元素居中 */
  padding: 10px; /* 容器内边距 */
}
 
/* 子元素样式 */
.echo-content {
  margin-right: 5px; /* 子元素之间的水平间距 */
}
 
/* 移除最右边元素的右边距,确保最后一个元素紧贴容器右边 */
.echo-content:last-child {
  margin-right: 0;
}
</style>
<%
' 假设这是您的ASP页面代码
Response.Write("<div class='container'>")
 
' Echo 内容
Response.Write("<div class='echo-content'>1</div>")
Response.Write("<div class='echo-content'>2</div>")
Response.Write("<div class='echo-content'>3</div>")
Response.Write("<div class='echo-content'>4</div>")
' 结束容器
Response.Write("</div>")
%>

回到顶部顶端 回到底部底部