<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>车宝宝下载</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,ins,q,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,article,aside,footer,header,nav,section
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html,body {
font-family: sans-serif;
height: 100%;
}
a {
font-size: 12px;
color: #3c3c3c;
text-decoration: none;
}
small {
font-size: 12px;
display: block;
}
.c6 {
color: #666
}
.Tcenter {
text-align: center;
}
.swipe ul li,.swipe2 ul li {
min-height: 333px;
position: relative;
text-align: center
}
.swipe .content p {
font-size: 12px;
padding-top: 20px;
}
.swipe .content span.btn, .swipe2 .share span.btn{ width:60%; height:36px; display:inline-block; background: -ms-linear-gradient(top, #2893fd, #1b6cd7);background:-moz-linear-gradient(top,#2893fd,#1b6cd7);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2893fd), to(#1b6cd7));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2893fd), to(#1b6cd7));background: -webkit-linear-gradient(top, #2893fd, #1b6cd7); background: -o-linear-gradient(top, #2893fd, #1b6cd7); text-align:center; margin-top:20px;}
.swipe .content span.btn a, .swipe2 .share span.btn a{height:36px; display:block;color:#fff; font-size:14px;line-height:2.5em;}
.swipe .content,.swipe2 .share {
text-align: center;
width: 100%;
}
.swipe .content p a {
color: #333
}
</style>
</head>
<body>
<div class="swipe">
<ul>
<li></li>
</ul>
<div class="content">
<span class="btn">
<a href="https://itunes.apple.com/cn/app/che-bao-bao/id946522907?l=en&mt=8">iPhone下载</a>
</span>
<br>
<span class="btn">
<a href="http://shouji.360tpcdn.com/141230/805f8afb4b4c214f19841c5636bfd341/com.sky.car_100.apk">安卓下载</a>
</span>
</div>
</div>
</body>
</html>
相关推荐
文章目录Center （居中布局）Padding （填充布局）Align （对齐布局） Center （居中布局） 在Center布局中，子元素处于水平和垂直方向的中间位置。代码如下： void main() => runApp(MyApp()); class MyApp extends...
本篇文章将深入探讨如何利用`DIV+CSS`实现`DIV`的居中布局。 首先，我们要理解`<div>`元素。`<div>`是“division”的缩写，代表一个区域或区块，在HTML中用于组合其他元素，是构建网页布局的基础。通过设置`<div>`...
在本文中，我们将深入探讨10种经典布局和5种居中布局策略，帮助开发者解决在不同分辨率下实现界面兼容的问题。 1. **流式布局**：流式布局是最基础的响应式方法，通过百分比设置宽度，使元素随浏览器窗口大小变化而...
在网页设计中，实现元素的垂直居中布局一直是一个常见的挑战，尤其是在需要兼容不同浏览器，尤其是老版本的 Internet Explorer（如 IE6、IE8）时。"垂直居中布局 Vertical-aligned 应用测试：兼容IE6/8/FF"这个主题...
本教程将深入探讨如何在Unigui中使元素在父界面内居中，这是一个常见的布局需求，特别是在设计用户友好的界面时。 首先，了解Unigui的基本概念是必要的。Unigui的主要组件包括按钮、标签、编辑框、表格等，它们都...
CSS 网页布局 DIV 水平居中的各种方法 在现代浏览器中，实现 DIV 的水平居中是一件非常简单的事情。下面我们将详细介绍几种常见的方法。 方法一：使用 margin:auto 这种方法是最简单的，直接将 DIV 的 margin ...
首先说的是LinearLayout布局下的居中一般是这样的： （注意：android:layout_width=”fill_parent” android:layout_height=”fill_parent” 属性中，若水平居中，至少在宽度上占全屏；若垂直居中，则在高度上占全屏...
css三角形、居中、圣杯布局
### 居中布局知识点详解：`text-align`, `vertical-align`, `line-height` #### 一、`text-align`属性 `text-align`属性用于设置文本的水平对齐方式。它可以应用于大多数包含文本的元素，例如段落（`<p>`）、标题...
在iOS开发中，实现“标签自动居中布局”通常涉及到自定义UI组件和布局策略，尤其是在创建瀑布流（Waterfall Layout）效果时。瀑布流布局是一种常见的网格展示方式，尤其适用于商品展示或图片浏览，其特点是每一列的...
text-align,vertical-align,line-height居中布局笔记
水平居中布局 父元素text-align:center;子元素：inline-block; 优点：兼容性好； 不足：需要同时设置子元素和父元素 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <...
在网页设计中，"DIV+CSS上下左右绝对居中"是一个常见的布局需求，尤其是在构建响应式网站时。这个主题涉及到CSS（层叠样式表）的布局技巧，它可以帮助元素在不同屏幕尺寸下都能保持在容器的中心位置。下面将详细探讨...
不用float实现div模块居中布局 在网页布局中，实现div模块居中的方法有很多，但是一般来说，使用float属性是最常见的方法之一。然而，在某些情况下，我们可能需要不使用float属性来实现div模块居中布局。这时，我们...
- **Flexbox**：CSS3中的弹性盒模型允许我们轻松地创建居中布局。设置`display: flex;`和`justify-content: center;`可以使容器内的元素水平居中，`align-items: center;`则使其垂直居中。 - **Grid Layout**：CSS...
居中、自定义布局小点整理 在前端开发中，居中和自定义布局是两个非常重要的概念，本文将详细介绍居中的各种方法和自定义布局的实现方式。 一、居中整理 居中是指元素在水平或垂直方向上居中对齐的方式，下面是...