1回答
我在一个网站中使用Bootstrap旋转木马，它是屏幕的全宽和响应性高度。问题是，由于图像的性质，我希望图像对齐到.item div的底部，并从底部扩展，而不是像往常那样从左上角扩展。这可以在CSS中完成，还是只能在JS中完成？
您可以查看网站和代码。
浏览 1提问于2014-04-10得票数 0
1回答
我试图使用flexbox创建一个三行布局，这是响应性的(可以有三行的多列)。
第二行(深蓝色框)应该自动增长，以便容纳内部的li数量。
底部行应该始终与页面底部对齐，以便在两列之间对齐未使用的惩罚(可能有更多的列，但两列似乎是一个很好的示例)。
我尝试过各种各样的东西，
将底部div设置为absolute和bottom: 0只会使其显示在第二行的顶部。
将align-self设置为结束和基线--它似乎没有做任何事情，所以很有可能我使用了它
我遇到的麻烦是将“未提供服务的罚款”分区与父分区的底部对齐。
任何帮助都将不胜感激--如果可能的话，我会尝试在不使用JS的情况下这
浏览 7提问于2015-01-18得票数 1
回答已采纳
1回答
? 有两个并排的盒子(outerboxes)。我用flexbox使两个盒子的高度相等。在每个框中，文本应从顶部(即图像下方)对齐，按钮应显示在框的底部。如何将按钮与底部对齐？我尝试了多种方法来制作嵌套的flex box，但都不适合我。 css .rowDisplay {
display: flex;
}
.outerbox {
border: 1px solid black;
}
.buttonClass {
/* tried flex box here as well*/
} js <div className = rowDisplay>
<div
浏览 96提问于2021-08-25得票数 2
2回答
动画切换到顶部
、、
js-
$(".inner").hover(function () {
$(this).stop(true, false).animate({
height: "400px"
});
}, function () {
$(this).stop(true, false).animate({
height: "100px"
});
});
css-
.inner {
height:100px;
width:400px;
background-color:#333;
浏览 3提问于2013-06-11得票数 0
2回答
请参阅下列代码：
<div class="d-flex">
<h1>Hello World</h1>
<p class="ms-auto small">Stupid Text</p>
</div>
<hr class="my-0">
我试图使“愚蠢的文本”垂直对齐在底部靠近线，我尝试过“对齐-项目-底部”，“对齐-底部”，“对齐-文本-底部”，但它只是没有移动。
知道如何使用引导5方式或css方式修复此问题吗？
谢谢。
浏览 4提问于2021-09-07得票数 0
回答已采纳
2回答
我试着在div中排列元素，我希望它们的底部对齐div容器的底部(粉红色的)。我试着自己想出办法，但我没有想出什么好办法。
<div style="background: pink; display:block; height: 180px; float:left; border: 1px solid black;">
<div style="background: lightgreen; display:block; float:left; text-align: left; margin: 0; padding:0; width: 3
浏览 4提问于2014-03-23得票数 0
回答已采纳
1回答
我正试图使右对齐导航项目垂直对齐与底部的左对齐图像。
我还想让肚脐按钮和图像底部对齐，就像肚脐被折叠时一样.
欢迎任何建议:)
浏览 2提问于2014-07-29得票数 2
回答已采纳
1回答
我正在开发一个网站，在那里的菜单，它应该是网页的结尾。除了菜单之外，包含两个图像的另一个div也应该位于页面的底部。
跟随到完整的页面源代码；
红色的菜单应该与页面底部对齐，与div#leftcontent的中心对齐。
在div#blue中，社交网络必须在页面底部对齐，对齐到div#nav的中心。
当我说底部时，我的意思是在页面的末尾。
浏览 0提问于2011-04-05得票数 0
我的"header_main“定位是绝对的，高度为100%，基本上覆盖了整个屏幕。在header_main div n中，还有另一个div也是绝对的。我已经将“图标包装器”div设置为底部:0；但是它不想定位绝对底部。
<body id="top" class="no-js">
<header id="header_main">
<div class="icon-wrapper"></div>
</header>
</body>
我的CSS：
h
浏览 3提问于2015-05-03得票数 0
回答已采纳
1回答
这里的iOS开发新手-我想在一个视图中并排放置多个图标
A|B|C|D|E|F|G|H
根据我所读到的，添加约束的最灵活方法是-
A-前导、顶部和底部约束0与其superview +宽度约束B-顶部和底部与A对齐，前缘约束0与A+宽度约束C-顶部和底部对齐与A，前缘约束0与B+宽度约束D-顶部和底部与A对齐，前缘约束0与C+宽度约束E-对齐，依此类推...。。
这样，如果A向右移动或更改其垂直对齐方式，其他所有内容都会自动调整(我认为)
这是实现上述布局的最佳方式吗？
浏览 1提问于2018-09-15得票数 0
我在水平UIStackView中有两个标签。标签1是一个大字体(警报时间)，标签2是一个小字体(AM/PM指示器)，我想对齐每个标签的底部。
我将堆栈视图的对齐设置为底部，但它似乎只是对齐标签总区域的底部，而不是实际的文本。结果是，较小字体的底部边缘大约比大标签的底部边缘高出3或4个像素。我该怎么解决这个问题？
浏览 3提问于2018-01-03得票数 9
回答已采纳
2回答
我正在尝试实现徽标网格的布局，其中徽标底部与公共基线对齐，标题在徽标下方顶部对齐。两者都水平居中对齐。
，但从语义上讲，我认为我更喜欢使用div。仅供参考，我使用的是Bootstrap框架。
我尝试了所有类型的CSS组合，但我总是遇到与display和position属性的冲突。
我确信也有JavaScript解决方案，我只想在万不得已的情况下使用它们。
有没有人能想到一种不用表格或JS就能在CSS中做到这一点的方法？
浏览 0提问于2013-07-15得票数 0
回答已采纳
4回答
我试图让我的fullcalendar.io事件出现在一天的最后，而不是在中间。我一直在尝试修改不同的元素，使之垂直对齐：“底部”，但似乎没有什么效果。这里有一个指向我的的链接，它具有不同的css重载调用，用于将日历事件的垂直对齐设置为底部。目前的事件是在中午，我要它在底部的细胞。
$(document).ready(function() {
// page is now ready, initialize the calendar...
var eventsArray = [
{
title: 'Test1&
浏览 3提问于2015-04-05得票数 0
垂直对齐:底部，表示底部的内联框与其行框的底部相匹配，因此在我的例子中，span2的内联框是绿色的，其行高为100 of，继承自其父框。它的线框是黑色的，也有线高:100 is。所以它们是底部对齐的。见图：
我已经了解到：
1.垂直对齐只适用于内联/内联块元素。
2.垂直对齐是基于直线高度，而不是其容器的高度！
3.在线框中，其线高是内嵌框的线高(在我看来，它的内嵌元素或内嵌块元素)具有最高的直线高度。就像图片：
在内联块元素上，一切都很好，但内联元素似乎存在问题。
解释：
父母:身高:200 parent，直线高度；100 parent；
Div.child:内嵌块，垂直
浏览 1提问于2017-04-09得票数 1
回答已采纳
1回答
左边的视图控制器有两个容器(“顶部容器”和“底部容器”)。顶部容器的约束底部空间为superview = 60。底部容器的高度为60。顶层容器在其右侧有一个嵌入式VC。在嵌入式VC内部有一个文本字段。文本字段的约束底部空格为superview = 0。这似乎应该将文本字段与顶部容器的底部对齐。
相反，它将文本字段与左侧VC的底部对齐；换句话说，与底部容器的底部对齐。当应用程序运行时，文本字段完全隐藏在底部容器后面。
为什么会这样呢？文本字段的superview不是顶层容器吗(或者至少与之一致？)
浏览 0提问于2013-06-19得票数 0
回答已采纳
我有一个小问题，我正在努力解决。
我需要将一个元素对齐到百分比div的顶部，底部: 100%，但我不能让它在父div中对齐。
所以我需要的是bottom: 0%与div的底部对齐，bottom: 100%与顶部对齐。
有什么想法吗？
编辑：
我希望该样本中的灰色条与顶部对齐:使用'bottom‘100%
浏览 0提问于2012-06-03得票数 0
回答已采纳
1回答
我有一个在右下角有图像的启动屏幕。制约因素如下：
宽度：UIImageView的宽度必须是superview的四分之一。
左:带superview的左边框为零
底部:带superview的底部边距为零
imageview的模式也被设置为Aspect Fit。
什么应该是高度约束，这样UIImageView中的UIImageView对于所有设备和所有方向都是底部对齐的。
在截图中，image不是底部对齐的，尽管imageview是对齐的。
浏览 2提问于2016-06-07得票数 0
回答已采纳
我正在尝试将一个大的图像对齐到屏幕的底部。应该注意的是，图像的宽度(很大)大于屏幕的宽度。我的代码如下：
App.js
<View style={styles.container}>
<View style={styles.imageContainer}>
<Image
source={LargeImage}
style={styles.largeImage}
resizeMode='contain'
/>
</Vie
浏览 0提问于2019-08-07得票数 2
回答已采纳
2回答
我知道这个问题被问到死了，但我找不到类似的情况。我有一个HTML表，"th“行的文本通过垂直对齐:底部对齐。现在，其中一个标题还包括一个按钮，我想要浮动到右边和底部。所以，当然，我把这个按钮用"span“包装成"float: right”。但是，该列中标题的文本不再触及容器的底部。
这里的例子：
HTML：
<table>
<th>Col 1</th>
<th>Col 2<span class="right-float"><button>Button</butt
浏览 1提问于2013-12-12得票数 0
回答已采纳
2回答
我应用了材料设计。目标是创建两个文本字段，中间有一个点。问题是这个点不是在底部垂直对齐，而是在中心的某个地方。如何让点在底部垂直对齐？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div
浏览 2提问于2015-05-13得票数 1
如何对齐按钮底部的screen.In，布局我有下面的标题滚动视图，其中包含许多文本视图和编辑文本，最后是2个按钮，我想把它放在底部，没有任何空间
请看底部，因为我可以在底部对齐，但是按钮和屏幕布局和按钮之间有一个很小的空间…
浏览 0提问于2012-03-29得票数 0
回答已采纳
1回答
我希望在一个引导导航栏中的品牌与其他链接垂直对齐，以便每个元素的底部垂直对齐。
当前对齐要么是中心对齐的，要么是未对齐的。HTML类似于：
<nav class="navbar navbar-inverse navbar-fixed-top">
<ul class="nav navbar-nav">
<li><a href="/" class="navbar-brand">Brand</a>
<li><a hre
浏览 2提问于2015-06-16得票数 1
回答已采纳
2回答
在表单的同一个<tr>中垂直对齐字段标签(自由文本)和表单元素(例如<input>)的最佳实践和最可移植的方式是什么？
我是将标签的底部与<input>的内容对齐，还是将标签的底部与<input>标签本身的底部对齐？你也可以举一些例子吗？
我的客户没有特别的要求，所以我只想遵循行业标准。
谢谢。
浏览 1提问于2010-12-13得票数 2
回答已采纳
我正在尝试使用css对齐我的html页面的元素。
我已将元素对齐到页面底部，但当我在打印预览中看到页面时。元素未出现在底部
我正在使用这个css将元素与底部对齐
代码：
.bel {
position:relative;
margin-left: 38%;
margin-right: 38%;
bottom:-25pc;
}
html代码：
<span class="bel">Text 1</span>
但这不是working...How，我能解决这个问题吗？
浏览 3提问于2013-10-12得票数 11
11回答
如何从底部对齐UILabel。比方说，我的标签可以容纳三行text.If，输入的文本是单行，那么这一行应该放在label.Please的底部，参考下面的图片，以便更好地理解。橙色区域是label.Currently的全部框架，它有一条线，它是对齐的中心。所以我想要的是，不管有多少行，它都应该对齐底部。
请提出你的想法。
谢谢。
浏览 4提问于2013-08-15得票数 44
回答已采纳
我有这个密码
HTML
<div class="head">
<div class="menu">
</div>
<div class="search">
</div>
</div>
CSS
.head {
height:110px;
position:relative;
}
.menu {
float:left;
position:absolute;
bottom:0px;
}
浏览 11提问于2017-06-16得票数 2
回答已采纳
我想将文本对齐到容器的底部。我知道我可以在容器上使用position: relative;，在内部元素上使用position: absolute; bottom: 0;来实现这一点。但是，我有这样的浮动元素：
float: left; .align-bottom (and also float: left)
++++++++++++++++++++++++++++++++++++++++++++++++
+ #blah | +
+
浏览 6提问于2013-03-04得票数 0
回答已采纳
我试图在我的UIViewController底部对齐一个imageView，但在iPhone 5模拟器上它不是在底部对齐。
我尝试将一个imageView放在故事板的底部，但它是正确对齐的，所以我猜我在代码中遗漏了一些东西。
有什么建议吗？
谢谢你，伊。
imageView=[[UIImageView alloc] initWithFrame:CGRectMake(0, 416, 320, 64)];
[imageView setContentMode:UIViewContentModeScaleToFill];
imageView.autoresizingMask=UIViewAutores
浏览 1提问于2013-04-21得票数 2
1回答
我有一个页面布局，其中全宽图像在顶部，然后在右侧有文本内容。在左边，有一个小的滚动div，里面有社交链接。
它是这样的： (社交链接滚动，然后变得固定，然后从另一个div滚动)。
下面是一个示例，但没有下面拼图的最后一块：
function sticky_relocate() {
var window_top = jQuery(window).scrollTop();
var div_top = jQuery('#e-c-r-top').offset().top ;
if (window_top
浏览 7提问于2013-04-09得票数 1
1回答
使用柔性盒垂直对齐多行文本
、、、、
我正在使用柔性盒对齐项目，并与顶部对齐的多行文本到它的父div底部。我见过一些例子，其中一个按钮已经对齐到它的父项的底部，但是在每个项目中的多行文本中没有达到相同的效果。
以下是我正在努力实现的目标：
下面是我通过下面的代码所完成的工作：
这是我的密码：
.team {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.li {
width: 25%;
padding: 10px;
display: flex;
flex-direction: column;
浏览 0提问于2021-05-07得票数 0
回答已采纳
1回答
Div和ul并排列表
、、、、
我正试着把一个ul列表放在div旁边。ul应该从右边开始，在div的顶部开始，在div的底部结束。
问题是它从div的底部开始，而不是在它的顶部。我怎么才能修好它？
这是我的密码：
$(document).ready(function() {
$("#map").prepend('<img src="images/d2.png">');
var width = $("#map > img").attr("width");
$("#actions").css("w
浏览 0提问于2015-03-27得票数 0
回答已采纳
2回答
设置：
我有一个容器覆盖整个视口(高度:100 the )；
在这个容器里，我有4行。
要求：
我需要容器底部的所有行。
行之间不应该有任何间距。(简而言之，我需要整页内容与屏幕底部对齐。如果还有额外的空间，它应该保持在页面的顶部。)
我尝试使用自对齐结束，但它只适用于一行中的列，而不适用于容器中的行。
(预先谢谢;)
片段：
.row:last-child {
position: fixed;
bottom: 0;
left: 0;/*optional*/
}
<link href="https://stackpath.boots
浏览 1提问于2018-12-14得票数 0
回答已采纳
4回答
我有一个模式，我希望页码在模式的底部和中间对齐。
页码的位置是绝对的，底部为0，对齐中心与文本对齐：
#pagination{
background: blue;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
问题是，我使页码100%宽(所以它们可以是中心对齐)，但这考虑到modals填充(我不能改变这个)，所以页码只是偏离中心和离开页面。
浏览 2提问于2014-07-15得票数 0
回答已采纳
1回答
我正在尝试弄清楚如何使用CSS来对齐父div底部的div。然而，问题是，如果另一个同级div遇到它，我需要底部对齐的div向下移动。下图显示了可能发生的各种对齐的一些示例。前两个是理想的，我可以很容易地使用绝对并将bottom设置为0。但是，该解决方案在第三个示例中失败了，因为文本将与底部div重叠。
浏览 0提问于2015-10-27得票数 0
1回答
我想有一些文本对齐到面板的底部-内容在一个。(我使用的是bootstrap 3.3.7)然而，使用
position: absolute;
bottom: 0;
将其与整个面板的底部对齐--位于页脚中。我希望它只与panel-content div的底部对齐。但我不明白它为什么要这么做。
下面是正在发生的事情的图像，然后是我的面板div和“save”样式的代码。我尝试将“save”对齐到panel-content div的底部，但它进入了页脚。
<div class="panel panel-default">
<div
浏览 13提问于2018-08-16得票数 0
回答已采纳
3回答
在从标题文本中去掉nowrap之后，我想把它设为底部，我试着在任何地方放垂直对齐:底部，但是没有成功。下面是第一列与顶部对齐示例。
.ui-grid-cell-contents {
....
vertical-align: bottom;
}
如何将angular-ui-grid中的页眉文本设为底部？
浏览 1提问于2015-10-26得票数 1
2回答
基本上，我有两段文本和一幅图像。
<div class="container">
<span class="title">Text</span>
<img src="an_image.png" />
<span class="note">Other Text</span>
</div>
我希望所有的元素都在容器div的底部，标题左对齐，注释一直右对齐。图像将紧挨着标题，并与标题文本的底部对齐。到目前为止，我使用的唯一方法是使
浏览 1提问于2011-04-22得票数 0
回答已采纳
我有一个在屏幕底部对齐的Button。当打开Button时，这个SoftKeyboard就会上升。这页中间是空白的。但是它在顶部有一些内容，有些就在底部对齐的Button之上。问题是当打开SoftKeyboard时，中间的空白区域填充底部的内容。相反，我想要的是，底部的内容保持在原来的位置，并且能够滚动到后面去看它。
浏览 3提问于2019-11-28得票数 0
回答已采纳
似乎底部div与页面底部对齐，但不与容器div对齐。我需要对齐下一个与容器DIV的底部。
代码：
#container {
border: 1px solid red;
height: 300px;
}
#top {
border: 2px solid red;
display: inline-block;
vertical-align: top;
position: absolute;
top: 0;
}
#bottom {
border: 2px solid red;
vertical-align: bottom;
width: 100px;
浏览 3提问于2017-03-03得票数 2
回答已采纳
<div class = "column2_SS">
<img class = "weather_widget" src = "images/weather.png" alt = "Smiley face">
</div>
CSS代码：
.column2_SS{
background-color: #f2f7fc;
float: right;
height: 171px;
width: 300px;
background-color: black; /*#444444*/
margin-to
浏览 0提问于2016-02-15得票数 3
回答已采纳
请有人告诉我，为什么当我在这个中点击编辑，星号不是与输入字段对齐，而是显示在底部。
CSS
.required-field::after {
display: none;
content: "*";
color: red;
font-size: 23px;
margin-left: 5px;
}
JS
$("p").on('click', function(){
var $style = $('<style>');
浏览 1提问于2017-06-08得票数 0
回答已采纳
2回答
我正在尝试将视频与图像的中心对齐。
.vbackground {
background-image: url('http://s1.postimg.org/hdo0xh2of/image.png');
background-repeat: no-repeat;
width: 600px;
height: 600px;
position: relative;
}
#match {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
<
浏览 4提问于2015-03-02得票数 2
1回答
我希望一个背景图像始终与屏幕底部对齐，而不管屏幕大小、iOS版本或个人热点消息等。但是界面构建器对齐选项似乎在每种情况下都不起作用。
我有两个不同大小的图像，以适应3.5‘和4’视网膜，这些变化通过代码，但他们的排列总是抛出‘个人热点’和其他信息改变父视图的大小。
我的图像是屏幕的大小，应该总是填充整个屏幕。有一个黑色区域，选项卡栏和状态栏将覆盖。
有与背景对齐的按钮，所有东西都会被调整父视图大小的消息抛出。
我希望UIImageView的底部始终与屏幕底部对齐。
浏览 1提问于2013-10-08得票数 0
回答已采纳
我有一个向左浮动的div，它包含的文本比右边的内容更大，但是我希望右边的文本在浮动div的文本底部对齐。下面是一个JS Fiddle，展示了一个示例：
如你所见，右边的文字与左边的字母不对齐。我希望它能够使右边文本第一行的底部与左边字母的底部对齐。
HTML
<div class="floatLeft">
A:
</div>
<div class="fill">
Text goes here. I would like it to be aligned nicely with the letter on th
浏览 3提问于2014-12-17得票数 1
回答已采纳
4回答
我正在使用Chart.JS 1.0.2创建折线图：
我想做的是将图表底部的标签移动到每个矩形的中心(而不是与垂直网格线对齐)：
在上没有关于这方面的文档，但我相信通过一个聪明的技巧，这个问题可以很容易地解决。对如何实现这一点有什么想法吗？
浏览 3提问于2016-11-11得票数 6
1回答
我正在使用Autolayout来实现表单元格中两个标签的对齐。
基本上，如果所有文本都有空间，我需要的是底部标签与顶部标签的左边边距对齐，如果没有，则忽略页边距。
我所做的，使用了Interface：
我将顶部标签固定在顶部，尾随，首先，给它固定的宽度为100 (如果我不添加这个标签，那么底部标签就会正确地展开，但它也会拉伸上标签以保持左对齐)
还将底部标签固定在上、下和尾(优先级1000)
添加了优先级为750的底部标签的前导约束。
这似乎不起作用，但底部标签总是被剪裁，以适应上标签的长度，我不知道为什么。
浏览 1提问于2017-01-23得票数 1
回答已采纳
1回答
当创建一个闪亮的仪表板时，我想如果盒子的高度相等，它们的顶部和底部就会对齐。事实并非如此。在这里，顶部很好地对齐，而底部不对齐：
如何确保顶部和底部对齐？
注意:即使这两个框是用完全相同的ggplot填充的，底部也会出现同样的不对齐。
这些暗示这很容易。
通过设置高度，可以强制所有的盒子都是相同的高度。与使用12宽引导网格设置的宽度相比，高度是以像素为单位的。
样本码
## app.R ##
library(shiny)
library(shinydashboard)
library(ggplot2)
ui <- dashboardPage(
dashboardHe
浏览 3提问于2019-11-09得票数 2
回答已采纳
2回答
内联块的文本基线在底部不对齐。
如何对齐内联块底部的根目录而不是文本底部(基线)？
当前代码
.parent {
height: 200px;
}
.radical {
border: 1px solid #000;
display: inline-block;
vertical-align: bottom;
}
.radicalData {
height: 200px;
}
<div class="parent">
<span class="radical">√</span>
<
浏览 0提问于2018-08-21得票数 1
回答已采纳
我有一个应用程序，其中的UIToolBar将始终显示在屏幕的底部。无论设备方向如何。
工具栏必须具有相同的屏幕宽度，并且始终与底部对齐。
如果设备旋转，工具栏必须采用新的宽度，并继续在底部对齐。
有没有办法以编程的方式做到这一点？
谢谢你的帮助。
浏览 2提问于2010-02-21得票数 3
回答已采纳
1回答
我有一个表视图，它的底部约束设置在工具栏的顶部，但是，有时，当按钮没有必要时，我会隐藏这个工具栏。
如何将我的tableview的底部约束设置为现在成为屏幕sans工具栏的底部？
我是否在故事板中设置了两个底部约束？我是否以编程方式交换这些？
浏览 0提问于2014-08-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
