<!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(层叠样式表)的布局技巧,它可以帮助元素在不同屏幕尺寸下都能保持在容器的中心位置。下面将详细探讨...
本示例"左中右经典布局demo"旨在演示如何构建一个标准的网页布局,其中包括了header、content和footer三个主要部分,并展示了如何实现文字和元素的居中对齐。下面我们将深入探讨这些知识点。 首先,我们来看“左中...
不用float实现div模块居中布局 在网页布局中,实现div模块居中的方法有很多,但是一般来说,使用float属性是最常见的方法之一。然而,在某些情况下,我们可能需要不使用float属性来实现div模块居中布局。这时,我们...
居中、自定义布局小点整理 在前端开发中,居中和自定义布局是两个非常重要的概念,本文将详细介绍居中的各种方法和自定义布局的实现方式。 一、居中整理 居中是指元素在水平或垂直方向上居中对齐的方式,下面是...