草庐IT

centering

全部标签

html - Angular Material 布局对齐 = "center center"不工作

我正在尝试使用layout-align="centercenter",它应该将内容在垂直和水平方向上居中对齐。但它只是水平而不是垂直对齐内容。这是plnkrlink我正在尝试的代码。HelloAngular-material!FirstlineSecondline 最佳答案 它没有垂直居中的原因是因为你的包含layout-align属性的div没有高度。尝试类似的东西FirstlineSecondline 关于html-AngularMaterial布局对齐="centercenter"

html - CSS : centering absolute positioned text inside relative parent

如何将绝对定位的文本置于流体相对父元素的中心?我正在尝试在父元素上使用text-align:center但它始终使child的左Angular居中,而不是元素本身。http://jsfiddle.net/sucTG/2/ 最佳答案 问题在于position:absolute;修改元素的宽度以适应其内容,而text-align:center;将文本在元素block的宽度内居中.所以如果你添加一个position:absolute;不要忘记增加元素的宽度,否则text-align:center;属性将毫无用处。解决此问题的最佳方法是在.

html - 相当于 CSS 中的 <center> 标签?

这个问题在这里已经有了答案:WhyisthetagdeprecatedinHTML?(13个答案)关闭9年前。我读到标签已弃用,但我在CSS中找不到任何真正的等价物。text-align适用于文本但不适用于其他元素,并且自动边距仅在您知道容器的宽度时才有效(如果您事先不知道宽度,则不是解决方案)。那么有没有真正等同于这个的东西呢?标签?

html - 文本对齐 : center and align-items: center not working horizontally

我以前从未遇到过这种情况。我在各种地方尝试了text-align:center但它们都不起作用。它们垂直工作,但不水平工作。我试图让它在每个盒子的水平和垂直方向上工作。这是我的代码:.boxes{height:100%;}.box{width:33%;height:20%;display:-webkit-flex;}.boxp{display:flex;align-items:center;}.box1{background:magenta;}.box2{background:cyan;}.box3{background:yellow;}.box4{background:orange;

html - <th align '"center"> 不在 Bootstrap 表上工作。可能是什么原因?

我有一个bootstrap悬停表,我正在尝试使用将列标题对齐到中间.这似乎对表格没有任何影响,但是正常工作。这是我的代码:TitleScoreProduct#ThislineisnotworkingWhoReviewedWhen{%forreviewinobject_list%}{{review.title}}{{review.score}}{{review.product.title}}{{review.reviewer_name}}{{review.date_created|date:"m-d-Y"}}{%endfor%} 最佳答案

html - letter-spacing 和 text-align 冲突 :center?

使用letter-spacing似乎真的搞砸了text-align:http://jsfiddle.net/NFAzv/Google没有找到任何结果。我在这里遗漏了什么吗?编辑#1:这是我得到的(Vista上的Firefox3.6.8和Chrome12.0.742.91):由于新手的链接限制而删除了链接(可以在评论中找到)(注意中心根本不对齐)编辑#2:这是IE9,中间有一条垂直线以显示问题所在:http://i.stack.imgur.com/C0J0n.png编辑#3:我在下面的评论中确认问题出现在Windows7上的Chrome10上。至少我不是唯一发疯的人。

html - Raphael js文本定位: centering text in a circle

我正在使用Raphaeljs绘制带圆圈的数字。问题是每个数字都有不同的宽度/高度,因此使用一组坐标将文本居中是行不通的。文本在IE、FF和Safari之间显示不同。有没有动态的方法来找到数字的高度/宽度并相应地居中?这是我的测试页面:http://jesserosenfield.com/fluid/test.html和我的代码:functiondrawcircle(div,text){varpaper=Raphael(div,26,26);//非常感谢! 最佳答案 (重写的答案):Raphael.js默认情况下水平和垂直居中文本节点

html - Bootstrap 4 center-block 无法居中

我有以下Bootstraphtml代码(它的JSX因此className但想法是一样的):TimelineCalendar我正在尝试使用bootstrapcenter-block或CSS将这段代码居中,但似乎无法让它工作:绿色条突出显示divtoggleView。我唯一使用的css如下:.toggleView{padding:20px;}为什么我不能让这个按钮组居中? 最佳答案 btn-group有display:inline-block所以你会使用text-center在父容器中..http://codeply.com/go/hy

css - <span> 和 <div> 与 text-align :center;? 的区别

我不明白这个:我试图将HTML的文本对齐居中标记,但它什么也没做...随着标签,一切正常。与设置相同的情况margin:0pxauto;在CSS中。为什么span标签不支持text-align;功能? 最佳答案 区别不在之间和具体来说,但在inline之间和block元素。默认为display:inline;而默认为display:block;.但是这些可以在CSS中被覆盖。方式的不同text-align:center两者之间的工作取决于宽度。Ablock元素默认为其容器的宽度。它可以使用CSS设置其宽度,但无论哪种方式,它都是固定

html - 推特 Bootstrap : Center Pills

我的问题是如何让药丸居中?我尝试在周围添加中心block并将float:left更改为float:center但没有任何帮助。 最佳答案 这变得简单多了!您只需要在容器上使用text-center类,并应用display:inline-block到ul。只需确保使用换行符或段落标记将导航与容器内的任何其他元素分隔开即可。完成!2个类添加,1行CSS(不要修改bootstrapcss文件!)。HTML:CopyrightstuffFooternavlinkFooternavlinkCSS:.center-pills{display:i