标签: text-align
文本对齐不适用于img标记
看看我的小提琴:http://jsfiddle.net/jVsQY/
正如您所看到的,我正在使用text-align: center图像标记,使用类并且它不会显示任何结果.
我正在尝试使用display: inline-block等等,但没有帮助.
推荐指数
解决办法
查看次数
CSS vertical-align属性不起作用
嘿,我有以下CSS代码:
.parent
{
position : 'absolute';
top : '50px';
left : '50px';
width : '400px';
height : '160px';
padding : '10px';
border : '2px solid';
border-color : '#444444';
background-color : '#FF0000';
text-align : 'center';
/*display : inline; tried this also and didn't work.*/
}
.child
{
color : '#123456';
font-size : '16px';
font-family : 'Arial';
vertical-align : 'middle';
}
我只是想把孩子的内容放在父div的中心(x和y),但它不起作用,它只显示父元素顶部的文本.有什么建议吗？谢谢.
推荐指数
解决办法
查看次数
使用CSS将文本左右对齐在同一行
我正在处理我的页面并遇到问题.尝试将(年份或待定)对齐到列的右侧.例如,见图像.
顶部是它现在的样子.底部图像是我想要的样子.
推荐指数
解决办法
查看次数
当width设置为'match_parent'时,无法在TextView中居中文本
我是Android SDK的新手,我正在使用TextView和我的活动UI上的其他组件.当我将宽度设置为wrap_content并使用时layout_gravity,我能够将TextView置于父容器中心.但是,我现在需要为TextView提供一个沿父级宽度完全拉伸的背景,因此我将宽度设置为match_parent.一旦我这样做,既layout_gravity不能textAlignment="center"也不能在视图中居中文本.这是我正在使用的代码:
<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="@string/trackName"
android:textColor="#ffffff"
android:layout_gravity="center"
android:textSize="28sp"
android:paddingTop="7dp"
android:paddingLeft="20dp"
android:background="#99000000" />
这就是活动UI现在的样子:
如何解决此问题并将文本与TextView控件的中心对齐？请帮忙!
推荐指数
解决办法
查看次数
CSS替换text-align的百分比
这里的问题本身就是问题:CSS3中是否有任何属性可以放置一些像<p>或者任何<h$>类似的元素text-align但是以百分比形式存在.
例如HTML代码:
<p id="first">Here's first P</p>
<p id="second">Here's second P</p>
和它的风格:
<style>
#first {
margin-left: 50%;
}
#second {
text-align: center;
}
</style>
它在不同宽度上看起来不一样.是否有任何属性,background-position但对于上面介绍的这些元素？
推荐指数
解决办法
查看次数
如何将文本扩展到与容器一样宽的范围？
我有一个带有几个文字的div,我想扩展到div本身.
换句话说,单词间距应该自动拉伸,直到最后一个单词到达div的边缘.
通过阅读text-align: justify,我认为这正是应该做的.但无论是我错了,还是我做错了什么:http://jsfiddle.net/rLnrtu0x/1/
为了显示:
现在,这是结果:
|text text text text |
但我正在努力实现这样的目标:
|text text text text|
难道我做错了什么？还有另一种方法可以实现吗？
推荐指数
解决办法
查看次数
对齐文本右Html离子
我试图在Html中对齐文本,但它不起作用,我不知道为什么.我正在使用Ionic Framework.
我的代码是:
<ion-list>
<ion-item>
<b>Name</b> <p align="right"> {{paciente.name}}</p>
</ion-item>
....
</ion-list>
它看起来像这样:
但我希望所有文本在同一行,我不知道如何得到它.
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
'align'与'text-align'的正确用法是什么？
我试图弄清楚在表格单元格上使用align属性与使用text-align css属性之间的区别.下面的代码显示了IE与其他人的不同结果.在IE中,对齐最终对齐每个子子节点,因此文本'test'居中对齐,而在FF/Webkit中则不是这样,并且它保持左对齐.什么是正确的行为？
<!DOCTYPE html>
<html>
<head>
<style>
table { width: 60%; }
table td { border: 1px solid black; }
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td align='center'>
<table>
<tbody>
<tr>
<td>test</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
推荐指数
解决办法
查看次数
为什么文本对齐中心标题？
为什么text-align:center headers？标题是块元素h1,h2等.为什么文本对齐中心标题,即使文档明确说明它没有:文本对齐的文档
此属性描述块容器的内联级内容如何对齐.
我有点困惑为什么它不会像div那样居中一个块元素,而是愿意集中标题.可能是因为标题内的文本是内联的,但实际的标题本身是一个块元素？
http://codepen.io/stephenhuh/pen/KrkLZG - 这个现象的代码.
* {
text-align: center;
}
.box {
background-color: blue;
width: 150px;
height: 150px;
}
推荐指数
解决办法
查看次数
标签 统计
text-align ×10
css ×7
html ×6
alignment ×1
android ×1
css-shapes ×1
css3 ×1
image ×1
justify ×1
layout ×1
right-align ×1
textview ×1