<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>")
%>