很多时候为了美观需要对齐两边,不管多少字,都自动分配距离。css样式:.yang{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;padding-left:20px;padding-right:15px;width:60px;font-weight:bold;}调用时在需要的地方加class="yang"即可
分类:
Web程序 时间:
2014-10-10 20:29:55
阅读次数:
237
1、gravity与layout_gravity: android:gravity属性是对该view 内容的限定.比如一个button 上面的text. 你可以设置该text 在 view的靠左,靠右等位置.该属性就干了这个. android:layout_gravity是用来设置该view相对与起...
分类:
其他好文 时间:
2014-10-10 19:48:14
阅读次数:
229
最近在做一个语音视频通话模块,处理UI时,出现一个很奇怪的问题,具体如下:
在语音视频通话过程中,对方拒绝或者结束通话后,界面上的接听、挂断等按钮背景切换成灰色,导致语音和结束按钮大小变大(实际上是layout布局里面的Padding失效了),原布局如下(XML,主要红色的):
挂断后,变更UI,代码设置按钮背景如下:
if (btEnd != null) {
btEnd....
分类:
移动开发 时间:
2014-10-10 13:26:44
阅读次数:
3224
看下图: css框模型(Box Model),也有叫做盒模型的。规定了元素框处理元素内容、内边距、边框和外边距的方式。 element元素,也是内容的主体; padding内边距,也右称为填充的; border边框; margin外边距。 元素框的最内部分是实际的内容,直...
分类:
Web程序 时间:
2014-10-10 01:56:13
阅读次数:
274
当一个容器内元素都浮动后,它将高度将不会随着内部元素高度的增加而增加,所以造成内容元素的显示超出了容器。为了便于查看效果,把刚才实例中的#layout增加一个边框和内边距:#layout { width:400px; border:2px solid #ccc; padding:2px;}文章出处:...
分类:
其他好文 时间:
2014-10-09 19:09:47
阅读次数:
137
常常我们在DIV+CSS布局的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的CSS选择器;另外一个是在CSS选择器里以*开头的CSS属性单词样式。一、CSS星号*选择器*{padding:0; ... }这里的“*”号是通配符,即指,网页html中所有标签意思。CSS代码:*{ padd...
分类:
Web程序 时间:
2014-10-09 16:38:47
阅读次数:
328
* {margin:0;padding:0;}body {font-family: Consolas,'Microsoft YaHei',Verdana;}a:hover,a:link,a:visited{ text-decoration:none;}#navList li{ float:left;...
分类:
其他好文 时间:
2014-10-09 13:34:13
阅读次数:
260
什么是盒子模型?答:盒子模型是实现页面的基础布局。与CSS中的盒子模型的概念类似,CSS将网页中所有的元素都看成一个个盒子。盒子模型有哪些属性?答:border(边框)、(padding)内边距、(margin)外边距。盒子模型属性值有哪些?border属性:border-color(边框颜色)bord..
分类:
Web程序 时间:
2014-10-09 03:27:08
阅读次数:
296
1.IE5.x和IE6:width=border+padding+元素的宽度,其他浏览器width=元素的宽度2.内边距、外边距的的百分比计算是相对于父元素的宽度计量的3.IE7以下背景可以占用border部分,其他浏览器则不是4.border-style:可以按下上左右的顺序分别制定各个方向的边框5.border-width:..
分类:
Web程序 时间:
2014-10-05 04:22:58
阅读次数:
296
css:
1: *{margin:0;padding:0;list-style-type:none;}
2: a,img{border:0;}
3: body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
4:
5: /* demo */
6: .demo{width:800px;margin:0 auto;}
7: .demo div{margin:40px 0 0 0;}
html:
...
分类:
Web程序 时间:
2014-10-05 02:40:17
阅读次数:
266