Bootstrap系列 -- 30. 按钮工具栏

在富文本编辑器中，将按钮组分组排列在一起，比如说复制、剪切和粘贴一组；左对齐、中间对齐、右对齐和两端对齐一组.Bootstrap框架按钮工具栏也提供了这样的制作方法，你只需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中.

如果按钮组中需要改变大小，可以...

文章

贺臣情缘

1970-01-01

461浏览量

Printf格式输出

printf()输出各种类型

完整格式：%-0m.nl或者h格式字符

% 转换说明的开始(占位符)不能省略

- 左对齐，省略 右对齐

0 有0代表空位填0， 省略代表空位不填

m.n m域宽 指对应的输出项在输出设备占用多个字符的宽度

n精度 输出浮点数的时候 小数点后面的位数

l ...

文章

吴英强

2014-03-14

751浏览量

Android Span架构介绍

前几天在微博上看到一个人评论Android Span机制相当强大，有必要细心研究一下，于是就google了一下，发现了一篇很好的文章Spans, a Powerful Concept.，然后以这篇文章为基础研究了一下Android Span的用法。于是决定写几篇文章来总结一下。

Android ...

文章

程序员历小冰

2016-08-05

833浏览量

Bootstrap系列 -- 27. 下拉菜单对齐方式

Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。

使用pull-right类使下拉菜单与父容器右边对齐&lt...

文章

贺臣情缘

1970-01-01

700浏览量

[ExtJS5学习笔记]第二十二节 Extjs5中使用beforeLabelTpl配置给标签增加必填选项星号标志

官方例子: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.Labelable-cfg-beforeLabelTpl

本文作者：sushengmiyan

--------------------------------------...

文章

苏生米沿

2014-09-19

867浏览量

Android开发之杂记(2)

1Android FrameLayout的android:foreground属性可以设置单击时的前景色

<FrameLayout

android:id="@+id/poster_contanier"

android:layout_width="m...

文章

迅雷老曾

2014-09-16

1110浏览量

Kind Editor 编辑器 指定初始化模块

KindEditor 编辑器 指定初始化模块、

有时候，我们不需要那么多功能。 因此，我们就可以通过指定某些功能模块进行显示。

案例代码如下：

var editor; KindEditor.ready(function(K) { var editor = K.create('texta...

文章

技术小胖子

2017-11-15

842浏览量

解决inline-block上下不对齐

一开始都是行内元素，但是左边按钮和右边标题就是对不齐，于是，设置左边按钮float:left就可以了。

<header class="right-header">

<a href="#" class="tabCourse active">

&lt...

文章

awbeci

2016-06-24

692浏览量

[ExtJS5学习笔记]第22 Extjs5正在使用beforeLabelTpl添加所需的配置选项标注星号标记

本文地址：http://blog.csdn.net/sushengmiyan/article/details/39395753

官方样例: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.Labelable-cfg-beforeLa...

文章

eddie小英俊

2017-11-15

860浏览量

如何用纯 CSS 创作背景色块变换的按钮特效

效果预览

在线演示

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。

https://codepen.io/comehope/pen/XYKdwg

可交互视频教程

此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。

请用 chrome, safari, edge 打开观...

文章

哈你真皮

2018-11-23

713浏览量

css基础进阶

css知识点

一、盒模型知识

border:

边框

border-width:边框的宽度

border-color:边框的颜色

border-style:边框的线型

border-top:上边框

border-bottom:下边框

border-left:左边框

bord...

文章

龙神之怒

2017-07-20

979浏览量

如何用纯 CSS 创作一盘传统蚊香

版权声明：本文为博主原创文章，未经博主允许不得转载。https://blog.csdn.net/w178191520/article/details/84393147

效果预览

在线演示

按下右侧的“点击预...

文章

哈你真皮

2018-11-23

541浏览量

如何用纯 CSS 创作阶梯文字特效

效果预览

在线演示

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。

https://codepen.io/comehope/pen/MXYBEM

可交互视频教程

此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。

请用 chrome, safari, edge 打开观...

文章

哈你真皮

2018-11-22

756浏览量

flex布局和grid布局

flex布局

display:flex/inline-flex

设为 Flex布局后，子元素的float、clear和vertical-align属性将失效。但是position属性，依然生效。

父元素属性

flex-flow flex-direction和flex-wrap的缩写形式

...

文章

会用水魔法的火神

2019-09-11

1031浏览量

TextView使用SpannableString设置复合文本

TextView通常用来显示普通文本，但是有时候需要对其中某些文本进行样式、事件方面的设置。Android系统通过SpannableString类来对指定文本进行相关处理，具体有以下功能：

1、BackgroundColorSpan 背景色 2、ClickableSpan 文本可点击，有点击事件...

文章

一叶飘舟

2013-02-23

1071浏览量

《iPhone与iPad开发实战—iOS经典应用剖析》连载六

3.3.3 主视图UI

主视图如图3-36所示是MainView(主视图)设计窗口，我们一步一步介绍一下如何实现该视图设计和编程。

图3-36 MainView视图设计窗口

主视图中的控件进行了编号，视图中的控件内容见表3-7所示。表3-7MainView视图中的控件

...

文章

关东升

2012-06-08

1041浏览量

Bootstrap系列 -- 41. 带表单的导航条

有的导航条中会带有搜索表单,在Bootstrap框架中提供了一个“navbar-form”，使用方法很简单，在navbar容器中放置一个带有navbar-form类名的表单。navbar-left”让表单左浮动，更好实现对齐。在Bootstrap框架中，还提供了“navbar-right”...

文章

贺臣情缘

1970-01-01

604浏览量

android开发性能分析

1 背景

其实有点不想写这篇文章的，但是又想写，有些矛盾。不想写的原因是随便上网一搜一堆关于性能的建议，感觉大家你一总结、我一总结的都说到了很多优化注意事项，但是看过这些文章后大多数存在一个问题就是只给出啥啥啥不能用，啥啥啥该咋用等，却很少有较为系统的进行真正性能案例分析的，大多数都是嘴上喊喊...

文章

code_xzh

2016-06-27

1314浏览量

Fresco框架SimpleDraweeView控件的简单使用

[java] view plain copy

首先把网络、SD卡的读写权限添加上:<span style="font-family: Arial, Helvetica, sans-serif;">   </span>

[java] view plain c...

文章

技术小胖子

2017-11-08

1244浏览量

【Android基础】Android Toast显示消息的几种方法

原文来自：http://blog.csdn.net/pku_android/article/details/7333145

Android中提供一种简单的Toast消息提示框机制，可以在用户点击了某些按钮后，提示用户一些信息，提示的信息不能被用户点击，Toast的提示信息根据...

文章

沧海一笑dj

2014-11-19

1158浏览量

css学习2

1 、

css的边框用border来设置 。    可以设置任何html元素的边框的样式 宽度颜色 等等

border: dashed 3px blue ;  直接设置border的样式 ,那么 left rigth bottom top都会自动设置

bor...

文章

usher.yue

2012-05-11

748浏览量

列表、定位、css优先、剧中总结

列表样式

列表样式可以设置其列表符号，列表图片(代替列表符号)，列表符号的位置。

list-style-type: 设置列表符号，可以是我们之前学的无序列表符或有序列表符。

list-style-image:设置列表的图片(此时list-style-type自动就无效了，被代替了)

list-st...

文章

lambdaλ

2017-09-16

721浏览量

行内元素和块级元素

行内内容是说由行内元素组成的内容，行内元素大家都知道吧，比如 SPAN 元素，IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素，各个字母 之间横向排列，到最右端自动折行。

块级内容跟则是由块级元素构成，DIV 是最常用的块级元素，元素样式的display...

文章

ke_ry

2016-09-05

703浏览量

如何用纯 CSS 创作一个小和尚

效果预览

在线演示

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。

https://codepen.io/comehope/pen/oMmYXp

可交互视频

此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。

请用 chrome, safari, edge 打开观看。...

文章

哈你真皮

2018-12-07

727浏览量

Nginx和TCMalloc(google perfect tool)

近段时间在琢磨业务服务器上面的Nginx的事情，每天的访问量接近2亿了，虽然业务很简单，不过感觉量还是很吓人，略担心Nginx的状况，在网上转了一圈，看到有用TCMalloc来优化Nginx的内存管理，提高并发能力，所以研究下这个好东西。    TCMalloc(Thread-Cachin...

文章

wangwenan

2014-03-26

1256浏览量

如何用 CSS 和原生 JS 创作一组 tooltip 提示框

效果预览

在线演示

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。

https://codepen.io/comehope/pen/rqyoYY

可交互视频

此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。

请用 chrome, safari, edge 打开观看。...

文章

哈你真皮

2018-12-10

894浏览量

CSS文字排版

一、font-size

我来试一试：为第一段中的“胆小如鼠”设置字号为：20px，字体颜色为：red。

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="te...

文章

哈沙给

2016-06-06

829浏览量

ExtJs3常用控件操作实例

结合工作内容，不定期更新。这里面可能会讲到一些常用的组件的操作。

json: {

"total": 30,

"data": [{

"funcAlign": "C",

"docNo": "ap5200_p",

"descMsg...

文章

落雨_

2013-07-22

684浏览量

Bootstrap 下拉菜单(Dropdowns)

原文:Bootstrap 下拉菜单(Dropdowns)

Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown) JavaScript 插件 的互动来实现。

如需使用下列菜单，只需要在 class ....

文章

杰克.陈

2015-05-05

865浏览量

【正视CSS 02】inline与line-height、float、absolute的故事

前言

那是一个很久之前的故事了。。。之前我一直认为CSS最重要的是布局，将一个图片很好的以网页显示出来就是王道。

但是，经过后来慢慢入门后，才发现其实布局感觉不是很难了，倒是行内元素这个家伙深藏不露。

行内元素属于那种很仁慈的主，你了解他你能做得更好，你不了解他，你的页面也不会过于乱，所以我...

文章

范大脚脚

2017-12-12

1026浏览量

[java]代码库package C5.src.book.string;

/**

* 字符串对齐器。可以指定对齐格式和一行的最大字符数 对齐格式有左对齐、居中、右对齐

*/

public class StringAlign {

/** 左对齐格式 */

public static final int JUST_LEFT = 0;

/** 居中格式 */

public static final int JUST_CENTER = 1;

/** 右对齐格式 */

public static final int JUST_RIGHT = 2;

/** 当前对齐格式 */

private int just;

/** 一行的最大长度 */

private int maxChars;

/**

* 默认构造函数

*/

public StringAlign() {

// 默认为居中对齐

this.just = JUST_CENTER;

// 默认一行的最大长度为80

this.maxChars = 80;

}

/**

* 构造一个字符串对齐器，需要传入一行的最大长度和对齐的格式。

*

* @param maxChars

* @param just

*/

public StringAlign(int maxChars, int just) {

// 首先构造一个默认字符串对齐器

this();

// 根据传入参数修改字符串对齐器的属性

this.setJust(just);

this.setMaxChars(maxChars);

}

/**

* 对齐一个字符串

*

* @param obj

* 待对齐的字符串

*/

public String format(String s) {

StringBuffer where = new StringBuffer();

// 从待对齐的字符串中取出一段子字符串，子串的长度为行最大长度和s长度的较小值

int wantedLength = Math.min(s.length(), this.maxChars);

String wanted = s.substring(0, wantedLength);

// 根据对齐模式，将空格放在合适的位置

switch (this.just) {

case JUST_RIGHT:

// 如果是右对齐，那么将缺少的的字符用空格代替放在左边

pad(where, maxChars - wantedLength);

// 将字符串添加在右边

where.append(wanted);

break;

case JUST_CENTER:

// 居中对齐，将空格字符平均分在字符串两边。

int startPos = where.length();

pad(where, (maxChars - wantedLength) / 2);

where.append(wanted);

pad(where, (maxChars - wantedLength) / 2);

// 调整舍入误差

pad(where, maxChars - (where.length() - startPos));

break;

case JUST_LEFT:

// 右对齐，将空格字符放在字符串右边。

where.append(wanted);

pad(where, maxChars - wantedLength);

break;

}

// 如果原字符串的长度大于一行的最大长度，则将余下部分放入下一行

if (s.length() > wantedLength) {

String remainStr = s.substring(wantedLength);

where.append("\n" + this.format(remainStr));

}

return where.toString();

}

/**

* 在to的后面append howMany个空格字符。

*

* @param to

* @param howMany

*/

protected final void pad(StringBuffer to, int howMany) {

for (int i = 0; i < howMany; i++)

to.append(" ");

}

public int getJust() {

return just;

}

/**

* 设置字符串对齐器的对齐格式

*

* @param just

*/

public void setJust(int just) {

switch (just) {

case JUST_LEFT:

case JUST_CENTER:

case JUST_RIGHT:

this.just = just;

break;

default:

System.out.println("invalid justification arg.");

}

}

public int getMaxChars() {

return maxChars;

}

/**

* 设置字符串对齐器的一行最大字符数

*

* @param maxChars

*/

public void setMaxChars(int maxChars) {

if (maxChars < 0) {

System.out.println("maxChars must be positive.");

} else {

this.maxChars = maxChars;

}

}

public static void main(String[] args) {

// 一行最多70个字符，居中显示。

StringAlign formatter = new StringAlign(20, StringAlign.JUST_CENTER);

// 比如显示页码

System.out.println(formatter.format("- i -"));

System.out.println(formatter.format(Integer.toString(444)));

System.out.println(formatter.format("kkkkkkkkkkkkkkkkkkkkkkkkkkkk"));

// 左对齐

System.out.println();

formatter = new StringAlign(20, StringAlign.JUST_LEFT);

System.out.println(formatter.format("- i -"));

System.out.println(formatter.format(Integer.toString(444)));

System.out.println(formatter.format("kkkkkkkkkkkkkkkkkkkkkkkkkkkk"));

// 右对齐

System.out.println();

formatter = new StringAlign(20, StringAlign.JUST_RIGHT);

System.out.println(formatter.format("- i -"));

System.out.println(formatter.format(Integer.toString(444)));

System.out.println(formatter.format("kkkkkkkkkkkkkkkkkkkkkkkkkkkk"));

}

}

例如，有一个字典如下：>>> dic = {

"name": "botoo",

"url": "http://www.123.com",

"page": "88",

"isNonProfit": "true",

"address": "china",

}

想要得到的输出结果如下：

相关推荐：《Python视频教程》

首先获取字典的最大值max(map(len, dic.keys()))

然后使用

Str.rjust() 右对齐

或者

Str.ljust() 左对齐

或者

Str.center() 居中的方法有序列的输出。>>> dic = {

"name": "botoo",

"url": "http://www.123.com",

"page": "88",

"isNonProfit": "true",

"address": "china",

}

>>>

>>> d = max(map(len, dic.keys())) #获取key的最大值

>>>

>>> for k in dic:

print(k.ljust(d),":",dic[k])

name : botoo

url : http://www.123.com

page : 88

isNonProfit : true

address : china

>>> for k in dic:

print(k.rjust(d),":",dic[k])

name : botoo

url : http://www.123.com

page : 88

isNonProfit : true

address : china

>>> for k in dic:

print(k.center(d),":",dic[k])

name : botoo

url : http://www.123.com

page : 88

isNonProfit : true

address : china

>>>

关于 str.ljust()的用法还有这样的；>>> s = "adc"

>>> s.ljust(20," ")

'adc '

>>> s.rjust(20)

' adc'

>>> s.center(20," ")

' adc '

>>>