问题:想要将元素和它的内容与其父元素或定位最近的祖先元素右对齐。
解决方案:此设计模式在每一个步骤上都与左对齐模式对称。
--·要将内容右对齐,则把text-align:right赋给包含的块状元素。
--·要创建一个右对齐的设定尺寸的元素,可以使用width:+value来设定它的尺寸。
可以使用marign-right:0将它右对齐,用margin-left:auto阻止它左对齐。
对于一个绝对定位元素,也可以使用right:0来使元素右对齐,用left:auto来阻止它左对齐。
--·要创建一个右对齐的拉伸的元素,
可以使用width:auto、margin-left:0和margin-right:0来拉伸它的宽度至容器的左右端。
对于一个绝对定位元素,也可以使用left:0和right:0来拉伸它至左右两侧。
--· 要创建一个右对齐的包裹的元素,
可以使用width:auto、left:auto和margin-left:auto来设定包裹宽度。
可以使用right:0和margin-right:0将它右对齐。
模式:
对设定尺寸的静态块状元素右对齐
block-selector {
position:static;
text-align:right;
width:+value;
margin-left:auto;
margin-right:0;
}
对拉伸的静态块状元素右对齐
block-selector {
position:static;
text-align:right;
width:auto;
margin-left:0;
margin-right:0;
}
对设定尺寸的绝对定位元素右对齐
selector {
position:abslute;
text-align:right;
width:+value;
left:0;
margin-left:auto;
right:0;
margin-right:0;
}
对包裹的绝对定位元素右对齐
selector {
position:absolute;
text-align:right;
width:auto;
left:auto;
margin-left:auto;
right:0;
margin-right:0;
}
对拉伸的绝对定位元素右对齐
selector {
position:absolute;
text-align:right;
width:auto;
left:0;
margin-left:0;
right:0;
margin-right:0;
}
适用范围:此模式适用于所有元素。
局限:被拉伸的绝对定位模式不适用于IE6,但适用于IE7。
分享到:
相关推荐
css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐css 右对齐
安卓textview在设置文字对齐方式上,没有左右对齐,在不同手机适配上换行时,右边往往会出现不齐。此空间解决了。左右对齐的问题!
左右对齐的文字效果,很常见,在大多数文章上都可以看到,这种效果能给人带来一种界面整洁的效果,但是如果只是左对齐的话,页面显示就会参差不齐;而app的页面大多数都是图形+文字的显示效果,左右对齐的文字效果...
table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...
自定义了QComboBox,将下拉框的原有左对齐的文字改为右对齐,包括下拉列表的文字,增大了下拉列表的高度,调整下拉列表的宽度的自适应。下拉框的下拉列表改成了仿手机的滑动操作方式,此为工程源码,Qt5亲测可用。
python 简单的右对齐输出“*” 使用迭代函数 用户输入行数后,程序自动输出
解决 EditText 右对齐兼容问题, 一个属性搞定, 不需要多个控件一起实现。
靠右对齐的EDIT,DELPHI的。靠右对齐的EDIT,DELPHI的。靠右对齐的EDIT,DELPHI的。
易语言源码易语言菜单右对齐源码.rar 易语言源码易语言菜单右对齐源码.rar 易语言源码易语言菜单右对齐源码.rar 易语言源码易语言菜单右对齐源码.rar 易语言源码易语言菜单右对齐源码.rar 易语言源码易语言菜单...
右对齐窗体标题文字.rar 右对齐窗体标题文字.rar
C语言IO--printf右对齐补零,包括标准输入输出函数、格式化输入输出函数、格式化规定符、一些特殊规定字符等
通过DOM使div左右对齐
一个完整的代码类,主要是实现左右对齐的textview效果的控件,已经比较完善,有需要的可以下载参考一下
textview自定义左右对齐
一种简单粗暴的方式实现Android文本域左右对齐
在本博客中,可以找到一篇《c#实现输出的字符靠右对齐的示例》 它有教大家怎样实现字符串输出进行左齐或者是右对齐。 本篇的方法,超简单,是使用string.Format()对本进行格式化输出即可。 Source Code class Ad ...
C#133使消息对话框的标题靠右对齐 源代码
精彩编程与编程技巧-如何实现打印右对齐? ...
Android动态添加右边对齐按钮Demo,主要代码:LinearLayout linearLayout=new LinearLayout(this); linearLayout.setGravity(Gravity.RIGHT); Button button=new Button(this); button.setText("按钮一"); ...