css实现单行的靠左靠右和居中效果

1、父元素
text-align:center

2、子元素

.left{
    float:left;
}
.right{
    float:right;
}
.center{
    display:inline;
}

时间： 2024-08-04 02:46:23

css实现单行的靠左靠右和居中效果的相关文章

分别让div浮层靠左靠右和居中

DIV居中: <div style="margin-left:auto;margin-right:auto;width:760px;background-color:Silver;">DIV居中 CSS 代码 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div> DIV靠右: <div style="margin-left:auto

UIButton 一个控件实现左图标右文本的效果

如图,我们要实现一个左边图标右边文本的效果,一般可以考虑是 UIImageView + UILabel 不过,其实一个UIButton就可以搞定了代码: UIButton *tBtn = [UIButton buttonWithType:UIButtonTypeCustom]; tBtn.frame = CGRectMake(100, 100, 70, 30); [tBtn setImage:[UIImage imageNamed:@"good_red.png"] forStat

JavaScript基础 parseInt() 于字符串从左往右提取整数

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

JavaScript基础 indexOf() 返回一个子字符串在原始字符串中的索引从左往右查找

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ ex1: code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; chars

五中常用简洁后台导航菜单（一级导航，二级导航，手风琴式导航，左或右悬浮式导航，树状导航）

首先附上源码,可以下载! http://yunpan.cn/cd9ivPcL4ayQT (提取码:d8a5) 在建立导航菜单的时候,我们首先布局一个(" 头"+[左,右(自适应)]+”尾“)的HTML页面: 来看一下HTML页面的编写: <div id="container"> <div id="head"></div> <div id="mainContent"> <di

前端福利——左滑右滑，绝对是你见过的最简单的写法

上个月使用bootstrap和seajs搭建了前端通用框架,就是为了使代码分块话,js和css直接通过配置就可调用,这样既方便了以后的开发,又方便了效率! 先看下框架图形吧 example就是手机端经常用到的示例今天就是把我写的左滑右滑分享给大家,先看下图例吧 index.html代码引用三个js jquery.js swiperhand.js index.js <div id="pagenos"> <span class="myspan" i

左两行右一行的布局（仅限三个div）

用三个div做一个类似下图的布局: <!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <title>get objects by class</title> <style type="text/css"> div{ background:#ccc} .no1{margin-bottom: 10px;} .no1,.no2{

vue组件弹框过渡效果，如，点击显示为从左到右滑动，收回隐藏为从右到左滑动

vue组件 <transition name="carHistory"> <car-History-Line v-show="showHistoryLine" @closeHitsory='closeHitsory'></car-History-Line> </transition> css .carHistory-enter { animation: carHistory-dialog-fade-in 0.3s ea

在一个二维数组中，每一行都按照从左到右递增的顺序排序

/* * 在一个二维数组中, * 每一行都按照从左到右递增的顺序排序, * 每一列都按照从上到下递增的顺序排序. * 请完成一个函数,输入这样的一个二维数组和一个整数, * 判断数组中是否含有该整数. */ public static void main(String[] args) { int[][] array = {{1,2,3},{4,5,6},{7,8,9}}; System.out.println(Find2(1, array)); } /* * 思路一:暴力遍历法