在<textarea>的右侧对齐两个按钮
，可以通过CSS样式来实现。以下是一个示例代码：
HTML代码：
<div class="container">
<textarea></textarea>
<div class="buttons">
<button>按钮1</button>
<button>按钮2</button>
</div>
</div>CSS代码：
.container {
position: relative;
}
textarea {
width: 100%;
height: 200px;
}
.buttons {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
}
button {
margin-bottom: 10px;
}在上述代码中，我们使用了一个包含两个按钮的容器<div class="buttons">，并将其设置为绝对定位，位于父容器<div class="container">的右上角。通过设置align-items: flex-end;属性，使按钮在垂直方向上右对齐。最后，通过设置margin-bottom: 10px;属性，为按钮之间添加一定的间距。
你可以根据实际需求调整按钮的样式和布局。
相关·内容
2回答
我有一个表单，其中的单选按钮和复选框如下所示：
我想知道我是否能以某种方式摆脱按钮和标签之间的距离。我也喜欢将按钮移动到表单的最左边。几乎在问题号下面。
这是当前指向我的单选按钮的CSS：
.radio{
direction: ltr;
padding: 0 5px 0 0px;
display: block;
clear: left;
float: left;
}
另外，我的整个表单在一个名为stylized with a css下工作，如果有帮助的话如下所示：
/* ----------- stylized ----------- */
#stylized{
浏览 1提问于2012-09-25得票数 1
回答已采纳
1回答
我正在使用Interface Builder布局一个计算器，我遇到了一些关于按钮布局的问题。
我可以看得很清楚，但我真的更喜欢一切都完美地对齐。有没有办法在像这样的两个UI对象之间居中显示一个按钮？以下是布局的图片：
浏览 0提问于2013-01-06得票数 4
回答已采纳
我有一个脚本，它为文本文件中的每一行创建一个带有名称和.innerHTML的按钮。我曾尝试在一个大的文本区域旁边的网格(2个按钮宽x个按钮高)中对齐它们，但是还没有找到如何。有人能帮我吗？
CSS
.textArea{
width: 700px;
height: 520px;
color: white;
border: none;
background-color: black;
resize: none;
outline: none;
}
.buttons {
width: 200px;
height: 100px;
}
浏览 2提问于2022-09-03得票数 0
回答已采纳
1回答
在故事板中，我拖动一个按钮和一个标签到场景的中心，如图1所示，在模拟器中的按钮，两个控制器都被放置在左上角，如图2所示。
尽管我使用了布局限制，但请让我知道为什么控制器放置在错误的位置。
图像-1
图像-2
更新部分
我将两个插座放置在堆栈视图中，并设置约束，如下图3所示，但这一次屏幕上什么也没有出现。
图像-3
浏览 3提问于2017-06-02得票数 0
2回答
我对引导和jquery很陌生，并且为我的学校做了一个小项目。我在我的应用程序中使用引导程序，以便它能够响应。正如您在中看到的那样，问题是两个按钮垂直地出现在各自的columns.How顶部，我可以安排两个按钮，以便它们出现在各自列的中间。下面是我的代码
<div class="container">
<div class="row">
<section class="col-sm-5">
<div class="form-group">
<la
浏览 3提问于2018-05-30得票数 0
回答已采纳
1回答
我有一个包含大量信息的html表格。在这上面我有3个输入按钮，它们最初在不同的表中。其中两个按钮在左边，前面有一行文本，第三个按钮在右边。
它看起来是这样的：
asdas [button] [button]---------------------[button]
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
浏览 0提问于2012-10-02得票数 2
8回答
有没有人能给出一个简单的解决方案，关于如何在同一行上对齐表单输入，例如，当我构建一个表单时，很多时候我可以让它们彼此对齐，看起来很好，但如果我把两个输入放在另一个文本或按钮旁边，比如文本区域/文本，我就会得到垂直对齐的差异。有没有办法在不修改页边距和填充的情况下解决这个问题？
例如：
<style type='text/css'>
form{
display:inline;
}
textarea{
font-size:25px;
height:25px;
width:200px;
}
input.button{
浏览 2提问于2011-12-20得票数 28
回答已采纳
我想在文本框旁边放置一个单选按钮，如下所示： <input type="radio" name="myRadioButton" id="firstRadioButton">
<textarea id="myTextArea"></textarea> 当文本区域变宽时，单选按钮与其底部对齐。如何使单选按钮与文本区域的顶部对齐？
浏览 36提问于2019-12-09得票数 0
回答已采纳
2回答
将<a>对齐到div的右侧
、、、、
如何将包含按钮的<a>元素与字符串Push Me对齐到<div> (<Paper>)的右侧？
应用程序在´demo.tsx`文件中。
注意:我不能将按钮的位置设置为absolute，然后将其定位为right: 0px，因为我需要根据其内容(包括<Button>的高度)调整<div> (<Paper>)的高度。
浏览 11提问于2022-12-02得票数 0
回答已采纳
3回答
我试图创建一个类似谷歌的搜索栏后，用户开始键入一个关键字。我通常会尝试将搜索栏与提交按钮对齐。如果我能让它在Firefox中正确排列，它在Chrome中通常不会正确排列。谷歌是否真的将两个输入对齐了，或者有没有办法将实际的按钮放在搜索栏的内部并将其放在最右边？
编辑:嗯，我想这更像是一个概念性的问题。我实际上没有任何代码。我只记得我上一次尝试对齐搜索栏和按钮的尝试失败了。谷歌是怎么把他们的搜索框和提交按钮对齐的呢？
编辑2:这是我的HTML：
<form method="get" action="">
<div id="search
浏览 2提问于2011-03-15得票数 0
我挣扎着用自动布局对齐5个项目，如故事板中所示。
我可以对齐下面突出显示的3个项目，但2之间只是不想对齐。
我试过将项目钉在每个项目旁边的按钮上，并设置大小，但它们拒绝正确地对齐。还尝试将两个错误的按钮设置为如下所示的引导和测试容器，但这些按钮仍然没有正确对齐(甚至是紧密对齐)。
我做错了什么吗？
浏览 4提问于2015-02-04得票数 1
回答已采纳
嗨，我在UI上有3个按钮，它改变了“左”，“中”，“右”的UITextView对齐方式。
逻辑是当相应的按钮被按下时，然后在代码中设置"UITextView.textAlignment = .left/.right/.center“。
但是，我发现在设置对齐方式后，如果文本有多行，则逻辑每次只更改一行文本对齐方式。
我尝试了"UITextView.updateSubViewLayouts()“和"UITextView.setTextNeedsUpdate()"，但都不起作用。
如何一起更改整个段落的对齐方式？
谢谢!
浏览 0提问于2017-03-07得票数 0
1回答
超完美下拉位置
、、、、
有没有人知道超级鱼类的下拉UL是否有可能有不同的位置？我有一个水平导航栏，在左边我希望下拉菜单对齐到按钮的左边，在右边我想让他们对齐到按钮的右边。
浏览 0提问于2009-11-06得票数 2
回答已采纳
在我说之前，为我糟糕的英语道歉。我在用vpython做轨道模拟，因为地球科学老师让我做的。
下面的链接是我迄今为止工作的结果。
不幸的是，我不能同时观看模拟和图表，所以我想把两个图形并排放在画布下面。另外，我想把“设置”放在3d画布旁边。
我试过不同的方法，但都没有用。
我找到了这个vpython 6链接。
在这个链接中，我可以找到画布和设置并排放置的GUI图像。但我也没能解决这个问题。
，我可以在vpython 7中随意地放画布或任何东西吗？
还是在vpython 6?中
浏览 2提问于2021-11-24得票数 3
回答已采纳
2回答
我的国家文字是垂直书写的，从左到右对齐。
我需要为这个需求定制textarea的文本对齐方式。
默认情况下，textarea中的文本是水平书写的，从上到下对齐。我在这篇文章中附上了一张我的国家脚本的图片。
知道我是怎么做到的吗？如何自定义文本区域的文本对齐方式？
对不起，我的英语很差。
浏览 1提问于2013-04-22得票数 2
3回答
下面是一个例子：
<table>
<tr>
<td style="background: lightgreen; vertical-align: middle">
<button type="button">b1</button>
</td>
<td style="background: yellow; vertical-align: middle">
<button type="butto
浏览 3提问于2014-11-12得票数 1
回答已采纳
我有两个按钮，我想保持在他们的超级视图作为一个组的中心。
以可视格式表示，我希望类似于|-*-[button1]-5-[button2]-*-|，其中*应该相等，并由AutoLayout自动确定。
我现在有三个解决办法，看起来都不太优雅。
使UIView的两个按钮子视图和该视图的中心
手动计算*的值并手动更新约束
用手动从按钮宽度计算的偏移量将两个按钮对齐到superview的中心
还有其他建议吗？
浏览 2提问于2013-02-21得票数 0
回答已采纳
我使用的是Firefox外接程序，其中我需要在面板右侧的按钮，而我使用的是float:right样式属性，但是当我使用该属性时，按钮对齐了，位于该属性下的文本区域消失了，但是当我运行代码时，如果没有float属性，代码就会正常工作。
下面是我使用float属性的代码。
<head>
<style type="text/css" media="all">
textarea {
margin: 2% 5%;
width:90%
}
</style>
<
浏览 2提问于2015-08-04得票数 0
回答已采纳
假设我有三个按钮 <div class='button-wrap>
<a class='button'>First Button</a>
<a class='button'>Second Button</a>
<a class='button'>Third Button</a>
</div> 左对齐第一个，右对齐后两个最好的方法是什么？最好不使用浮动。 我曾尝试将第二个按钮包装在单独的div中，并使用text-align:right，但
浏览 25提问于2016-07-21得票数 1
回答已采纳
我在VB.NET中设计了一个窗体，在设计时我已经在它上面放置了两个按钮。当我运行它时，窗体大小看起来变小了，并且我放在底部的按钮看不到。此外，文本和图片框的对齐方式也与我在设计时设置的不同。
我所在的计算机
我运行的表单使用的是不同的分辨率。
浏览 0提问于2011-08-13得票数 0
正如标题所说，我们有一些图表在左侧有两个y轴，因此，如果屏幕变小，则缩放按钮会与范围输入重叠。
理想情况下，我希望缩放按钮始终对齐到图表的左侧(包括轴)
谢谢
我在应用程序接口中找不到任何东西表明可能是
浏览 0提问于2013-04-26得票数 4
回答已采纳
? 我尝试在一行中放置两个UILabel：一个UILable在左侧，文本左对齐，另一个UILabel在右侧，文本右对齐。请看上图。它们有不同的字体大小。 我使用了下面的自动布局约束： let labelHorizontalConstrains = NSLayoutConstraint.constraints(
withVisualFormat: "H:|-20-[nameLabel]-15-[birthDeathDateLabel]-20-|",
metrics: nil,
views: views)
allC
浏览 22提问于2019-01-27得票数 2
回答已采纳
1回答
我尝试垂直居中文本框中间的文本框。通过使用textArea.setStyle("-fx-text-alignment: center");，我已经能够在java中水平居中显示文本。
我考虑过使用Center Center或Bottom Center等参数通过-fx-text-alignment字符串实现这些结果，但我是通过窗口上的两个不同按钮来处理水平和垂直对齐，因此不希望实现将这两种方法关联起来的逻辑。
我也尝试过切换textArea的-fx-alignment，但没有成功。
有谁知道如何让我的文本显示在textArea的垂直中心？
编辑:下面是我当前的窗口，我想要操作的文本
浏览 24提问于2017-01-12得票数 3
我在表格中有一个带有submit按钮的表单，用于对齐输入，例如
Chapter title: [____Input Field____]
_____________________________________
| Textarea to be filled |
| |
| Multiple lines |
|_____________________________________|
[Set]
我使用<form ...>
浏览 1提问于2014-09-28得票数 1
我的UI包含两个元素:顶部的按钮和按钮下方的文本视图。该按钮的宽度设置为"wrap_content"，因此当我在运行时将不同的文本设置为该按钮时，它将更改其宽度。我希望始终让文本视图与按钮(具有相同宽度)对齐，特别是首先加载UI。
我试图在onGlobalLayout事件中获取按钮的宽度，并设置textview的宽度，但它似乎不起作用。有谁可以帮我？
更新：
我想我可能过分简化了我的问题。真正的UI有很多由代码生成的小部件(在我的问题中包括按钮和文本视图)。所以我不能使用XML来定义它们。而且，由于UI没有完全加载，所以在对齐文本视图时，我不能使用getWidth()获取按钮的
浏览 1提问于2011-10-04得票数 0
回答已采纳
16回答
有很多关于根据标题文本对齐按钮图像的线索，但我找不到任何关于将图像对齐到按钮右侧的内容。
这没有任何效果：
button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 50);
如何右对齐按钮的图像？可以在Storyboard中完成吗？
浏览 13提问于2015-09-03得票数 25
1回答
据我所知，在TToolButton中没有适当可用的文本对齐方式，比如Layout属性用于TSpeedButton。是否有一种方法可以以某种方式对齐右边的文本(相当于blGlyphLeft属性中的TSpeedButton的Layout值)？
我已经有了一个专门的功能来添加按钮- AddButtonToToolBar()有明显的目的。有没有办法添加一些东西来对齐按钮文本？
浏览 4提问于2013-08-26得票数 1
回答已采纳
1回答
我有个按钮：
<div id="cta">
<a href="#" class="btn btn-lg">
Who are we?
</a>
</div>
#cta {
margin-left:35%;
position:absolute;
z-index:1;
}
#cta a{
border-radius:100px;
border-color:#FFF;
border-width:thick;
backgrou
浏览 1提问于2014-10-11得票数 0
回答已采纳
4回答
我有一个HTML文本区域，如下所示：
<textarea name="tx1" style="direction:ltr;"></textarea>
现在，当用户将语言更改为阿拉伯语时，我希望更改输入文本的方向或对齐。当没有任何问题，任何按钮或任何提交，我想知道用户的语言时，他正在打字。如果用户是阿拉伯语，则将textarea设置为右对齐。如果英国人把它放在左边。
浏览 8提问于2014-12-26得票数 3
回答已采纳
Usign QTDesigner在调整窗体大小时，我不清楚如何保持按钮向右对齐。
按钮被放置在正确调整大小的选项卡小部件中。我尝试了不同的布局，但没有人为我工作...
有什么建议吗？非常感谢！
浏览 38提问于2016-08-01得票数 1
我有一个JavaFX ，它有两个按钮(通过SceneBuilder创建)。
我要一个按钮左对齐另一个右对齐。(见截图)
从文档中，我已经知道如何在java源代码中实现这一点：
ButtonBar.setButtonData(newButton, ButtonData.LEFT);
但
我想知道如何实现这一点，而不必在java文件中编写它，但是
如何使用SceneBuilder或相应的fxml文件来实现这一点。
我的.fxml文件当前如下所示：
<ButtonBar>
<buttons>
<Button text="New" /
浏览 0提问于2015-09-06得票数 11
回答已采纳
我使用的是IE 8。
如果你转到，你会发现(carousel)图像下面的文本是右对齐的，而它应该是居中对齐的。
但是，如果您单击left & right按钮来导航旋转木马，文本将居中对齐。
我猜这可能是一些jquery (及其循环插件)的问题。但我不确定。
此外，左按钮和右按钮的对齐不正确。它应该在点的右边。它可以在FF中工作，但不能在IE中工作。
浏览 0提问于2011-03-08得票数 0
3回答
我有一个表格，其中包含一个32*50 TEXTAREA和一个提交按钮。
现在，我想水平地对齐两个包含其他信息的文本区域。理想情况下，三个文本区域(用户可以键入/粘贴和其他两个文本区域)应该具有相同的宽度，并显示在三个对齐的列中。
如果我想这样做，我应该只使用HTML吗？如果是这样的话，是怎么做的？一张一排三张td的桌子？(最欢迎示例代码)。
或者你更愿意建议CSS？
浏览 2提问于2012-01-12得票数 0
回答已采纳
在MdDialog的md-dialog-actions块中，当有两个按钮对齐到右边时，是否可以在左边对齐一个按钮？
这是我正在尝试做的一些事情的。比方说，在第一个模式中，我如何区分是和否按钮？(请参阅common-model.component.ts文件)(此plnkr还有一些我仍在处理的其他问题。但它不涉及这个问题。)
import { Component } from '@angular/core';
import { MdDialogRef } from "@angular/material";
@Component({
selector:
浏览 3提问于2017-02-03得票数 18
回答已采纳
3回答
我相信这会简单得离谱，但不管怎样...我正在尝试显示一个右边有一个按钮的文本区，类似于当一个人点击'Add Comment‘link...the按钮时，StackOverflow显示一个带有按钮的评论字段。我遇到的问题是按钮对齐；它看起来像是在它div的右上角对齐(见图)，我想让它在左下角对齐。我试过使用text-align，align，什么都不能移动那个讨厌的按钮，我用padding-top向下移动按钮，但padding-right似乎没有效果，但肯定有比填充更好的方法。我需要它是跨浏览器兼容以及。
这是我正在使用的html/css。
.newComment {
pos
浏览 0提问于2012-02-12得票数 0
回答已采纳
像这样的xml
<Linearlayout
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:orientation="horizontal">
<Button
android:layout_height="wrap_content"
android:layout_width="0dp"
andro
浏览 0提问于2014-07-25得票数 0
回答已采纳
我正在使用Bootstra3.3.6，我在一个面板中有一个非常简单的表单：
这是相当简单的，但“邮政”按钮不是很好地排列。
这就是表单后面的HTML：
<div class="panel panel-primary">
<div class="panel-heading">Say something...</div>
<div class="panel-body">
<form class="form-horizontal">
<
浏览 1提问于2016-05-18得票数 0
回答已采纳
2回答
我想要一个paragraph，在button旁边，在textarea元素旁边。我已经做到了，但是现在，当我展开textarea时，按钮也会向下移动。我想要一个按钮和一个段落，它坚持在div的顶部，所以它不受文本区域高度的影响。
我知道这个问题必须有一个非常简单的解决办法，但我找不到：
这是我的密码：
#textarea {
height: 50px;
width: 100px;
margin-left: 20px;
}
#p {
display: inline;
margin-right: 20px;
}
<div id="parent">
浏览 1提问于2017-06-26得票数 3
回答已采纳
我正在尝试下面的示例，在我的android应用程序中使用单选群组/单选按钮。
但单选按钮位于标签(文本)的左侧。
您能告诉我如何配置它，使单选按钮位于标签的右侧吗？文本与父对象左对齐，而单选按钮与父对象右对齐？
谢谢。
浏览 0提问于2010-07-25得票数 3
1回答
如下所示，该按钮未对齐到textarea：
以下是html代码：
<div>
<form>
<textarea name="comment" id="new-post" rows="2" cols="45" placeholder="Add a comment">
</textarea>
<button type="submit" class="bt
浏览 2提问于2020-01-08得票数 0
回答已采纳
我正在为我的一个项目制作一个网页，我试图在文本字段旁边对齐上传按钮。也许最好用图片来解释。您可以看到这两个按钮在submit按钮的左下角对齐。我希望它在设备Id文本字段的左边对齐。我尝试过设置文本字段的显示属性，以及两个按钮，但都没有工作。我试着设置浮点属性，但它也不起作用。我正在查看我可能从Purecss.io中使用的网格，但我不确定这是否能解决问题。我试过使用垂直对齐属性，但还是没有面团。我用的是一个简单的引导主题。我的HTML技能非常基本，来自Java。有人知道我能在这里做什么吗？
这是我的主要集装箱：
<div class="container">
<
浏览 3提问于2015-06-10得票数 1
回答已采纳
5回答
引导3右对齐按钮
、、
我试图在网格中正确地对齐一个按钮：
我希望右边的按钮与上面的文本区域对齐。
我的代码如下所示：
<div class="row">
<div class="col-xs-2">
Purchase Order
</div>
<div class="col-xs-10">
<textarea />
<textarea />
<div class="row">
浏览 10提问于2016-02-16得票数 9
回答已采纳
1回答
我希望沿着容器的底部动态地对齐以下两个元素，以便它们占据相反的角落。类似于Stackoverflow Logo和Ask Question的底部对齐方式，但它们位于容器的相反角落。
您可以在此处查看JFiddle测试用例：
更有趣的是，我更希望在不向right元素添加固定的边距空间的情况下工作。这样，如果left元素的高度增加，对齐方式将保持不变。
浏览 3提问于2013-06-04得票数 2
2回答
作为IB的狂热专家，我创建了一个UIToolBar (当然是在IB中)，并在其中添加了一些按钮。
到目前为止一切顺利..。但是后来我试着把它们移到正确的位置，但IB不让我这么做……每次我尝试滚动它们时，IB都会将它们移动到以前的位置！
有没有办法选择他们在IB中的位置？
如果没有，你能给我一段代码让我程序化地选择他们的位置吗？(叹息:D)
谢谢,
太好了。
浏览 36提问于2010-03-17得票数 5
回答已采纳
我正在使用，并试图在标题右侧放置两个按钮。
<header data-role="header">
<h1>Myapptitle</h1>
<div class="share-it-wrapper">
<select name="select-choice-share" id="select-choice-share" class="shareitbutton" da
浏览 0提问于2014-02-23得票数 1
回答已采纳
我有一个按钮与搜索图标背景图像，但我不能添加一个margin-bottom与按钮对齐文本区域。为什么在按钮中添加一个margin-bottom什么也不做呢？或者如何正确地将文本区域与按钮对齐？
.input-area {
width: 100%;
height: 46px;
}
.parse-text-button {
background: url(https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-32.png) no-repeat;
width: 24px;
浏览 7提问于2017-09-04得票数 0
回答已采纳
在以下HTML中(也是在中)，我使用CSS表对齐表单中的字段：
<!doctype html>
<html>
<head>
<style>
form {
display: table;
width: 200px;
}
form>div {
display: table-row;
}
form>div>label {
display: table-cell;
padding-right: 10px;
浏览 4提问于2016-03-30得票数 0
回答已采纳
在我的扩展器的标题中，我试图放置几个按钮。我希望这些按钮在最右边，但是我在标题中添加的任何元素都会缩小到它的最小尺寸，而不考虑水平对齐规则。
<StackPanel Grid.ColumnSpan="4" Grid.RowSpan="4">
<Expander ExpandDirection="Down" IsExpanded="True" FontSize="14" FontWeight="Bold" Margin="5"
浏览 2提问于2015-05-27得票数 1
不能调整大小，而且看起来很奇怪，而且没有对齐:( ? 数量是文本区域，因为我需要它是文本区域，而不是输入，因为当我单击箭头时，我需要在javascript中使用.innerHTML来更改数量值。 textarea {
width: 21%;
margin-left: 12px;
font-size: 18px;
padding-left: 1.5em;
font-weight: bold;
background-color: #202023;
border-radius
浏览 18提问于2020-01-13得票数 0
1回答
我有一个文本区和三个按钮，用来改变文本的左对齐、居中和右对齐：
<button onClick="align('left')">Left</button>
<button onClick="align('center')">Center</button>
<button onClick="align('right')">Right</button>
function align(alignment)
{
documen
浏览 1提问于2013-02-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
