Questions tagged «vertical-alignment»

我试图让几个inline和inline-block组件的垂直对齐div。为什么在span这个例子坚持被推下来？我已经尝试了vertical-align:middle;和vertical-align:top;，但是没有任何变化。 HTML： <div> <a></a><a></a> <span>Some text</span> </div>​ CSS： a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } 结果： 小提琴

142 html  css  vertical-alignment 

将divs 附加到div具有固定高度的a时，子div将从顶部到底部出现，并停留在顶部边框处。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 我现在正尝试像这样（从底部边框开始）从下至上显示它们： ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ …

139 html  css  scrollbar  vertical-alignment  alignment 

我想创建一个内联块，它将具有一些未知的宽度和高度。（其中将有一个表，其中动态生成了内容）。此外，行内块应放置在一行文本中，例如“我的文本（在此处块）”。为了使它看起来更漂亮，我试图使该块垂直于该行居中。因此，如果该块看起来像这样： TOP MIDDLE BOTTOM 然后，该文本行将显示为：“我的文本（[MIDDLE]）”（在该行的上方和下方都有TOP和BOTTOM） 到目前为止，这就是我所拥有的。 的CSS .example { background-color: #0A0; display: inline-block; margin: 2px; padding: 2px; position: relative; text-align: center; } 的HTML <div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

136 html  vertical-alignment  css 

我有以下代码，用于设置一个容器，该容器的高度在调整浏览器大小（以保持正方形长宽比）时随宽度而变化。 的HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> 的CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } .img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } 如何在容器内垂直对齐IMG？我所有的图像都有可变的高度，并且容器不能具有固定的高度/线条高度，因为它反应灵敏...请帮助！

135 html  css  responsive-design  vertical-alignment 

我想保持#abc divat 50px和text 的高度在的中间垂直对齐div。 body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> 运行代码段隐藏结果展开摘要

126 css  vertical-alignment 

我有一个UIButton使用自定义字体的字体，该字体是在加载视图时设置的： - (void)viewDidLoad { [super viewDidLoad]; self.searchButton.titleLabel.font = [UIFont fontWithName: @"FONTNAME" size: 15.0 ]; } 我遇到的问题是字体似乎浮在中心线上。如果我注释掉这行，默认字体将显示为垂直居中。但是更改为自定义字体会破坏垂直对齐方式。 我在使用自定义字体的表单元格上也遇到了同样的问题。 我是否需要告诉视图自定义字体不如其他字体高？ 编辑：我刚刚意识到，我使用的字体是Windows TrueType字体。我可以在Mac上的TextEdit中很好地使用它，这只是我的App中对齐问题

118 ios  objective-c  fonts  vertical-alignment 

我需要两种在Android中显示垂直标签的方法： 水平标签逆时针旋转90度（侧面字母） 带有一个字母在另一个字母下方的水平标签（例如商店标志） 我是否需要针对两种情况（一种情况）开发自定义小部件，是否可以使TextView以这种方式呈现，并且如果我需要完全自定义，那么做这样的事情的好方法是什么？

110 android  label  textview  vertical-alignment 

我一直在尝试像在ms-word表中那样将文本沿垂直方向移动，但到目前为止，我只能做到这一点 ……我不满意，因为它是一个旋转的盒子……是不是有没有办法获得实际的垂直方向文字？ 我仅在演示中将旋转设置为305度，这不会使文本垂直。270deg会，但我只是制作了演示以展示旋转效果。

106 html  css  text  vertical-alignment 

我正在连续显示从<li>标记生成的具有固定高度和宽度的框数。现在我需要在垂直中心对齐文本。CSS垂直对齐没有影响，也许我遗漏了一些东西？？？ 我不是在寻找使用（边距，填充，行高）的技巧，因为有些文本很长并且会分成两行，所以这些技巧将不起作用。 请找到实际的代码： CSS代码 ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } HTML代码 <ul class="catBlock"> <li><a href="#">IP Phone</a></li> <li><a href="#">Dual SIM Switch Server</a></li> <li><a href="#">IP PBX</a></li> …

100 html  css  vertical-alignment 

这将是垂直居中在限定的宽度/高度的任何内容的正确方法div。 在该示例中，有两个具有不同高度的内容，什么是使用class垂直居中的最佳方法.content？（并且适用于所有浏览器，而没有的解决方案table-cell） 想到了一些解决方案，但想知道其他想法，一个正在使用position:absolute; top:0; bottom: 0;和margin auto。

93 html  css  vertical-alignment 

考虑以下代码： HTML： <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS： div { height: 50px; border: 1px solid blue; } 将label和放在（垂直）input中间的最简单方法是div什么？

91 css  html  vertical-alignment 

我知道要将文本垂直对齐到块的中间，您可以将line-height设置为与块相同的高度。 但是，如果我的句子中间有一个单词，那就是2em。如果整个句子的行高与包含块的高度相同，则较大的文本在垂直方向上对齐，但是较小的文本与较大的文本在同一基线上。 如何设置它以便两个文本的大小都垂直对齐，以便较大的文本位于比较小的文本低的基线上？

90 css  text  vertical-alignment  baseline 

我如何使用vertical-align，以及float在div性能？的vertical-align，如果我不使用工作正常float。但是，如果我使用浮点数，那么它将不起作用。对我来说float:right，在最后一个div中使用至关重要。 我正在尝试遵循，如果您从所有div删除浮点数，那么它将正常工作： <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> <div class="right">Third div, float right</div> </div> CSS： .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; vertical-align: middle; display:inline-block } .left2 { width: 150px; margin-right: …

85 html  css  vertical-alignment 

我想将一些文本对齐到div的顶部。似乎vertical-align: text-top;应该可以解决问题，但这是行不通的。我所做的其他事情，例如将div放入列中并显示虚线边框（这样我就可以看到div的顶部在哪里）都可以正常工作。 #header_p { font-family: Arial; font-size: 32px; font-weight: bold; } #header_selecttxt { font-family: Arial; font-size: 12px; font-weight: bold; vertical-align: text-top; } #header_div_left { float: left; width: 50%; border: dashed; vertical-align: top; } #header_div_right { margin-left: 50%; width: 50%; border: dashed; }

78 css  vertical-alignment 

我有一种列显示，但末两列似乎未正确对齐。这是我目前的代码： Console.WriteLine("Customer name " + "sales " + "fee to be paid " + "70% value " + "30% value"); for (int DisplayPos = 0; DisplayPos < LineNum; DisplayPos = DisplayPos + 1) { seventy_percent_value = ((fee_payable[DisplayPos] / 10.0) * 7); thirty_percent_value = ((fee_payable[DisplayPos] / 10.0) * 3); Console.WriteLine(customer[DisplayPos] + …

78 c#  console  tabs  alignment  vertical-alignment