如何在屏幕的右侧和左侧放置两个组件
在屏幕的右侧和左侧放置两个组件可以通过以下几种方式实现：
- 使用CSS布局：可以使用CSS的float属性或flexbox布局来实现。通过设置右侧组件的float属性为right，左侧组件的float属性为left，可以使它们分别靠右和靠左显示。另外，使用flexbox布局可以通过设置flex-direction为row，并使用justify-content属性来控制组件的对齐方式。
- 使用绝对定位：可以使用CSS的position属性将组件进行绝对定位。通过设置右侧组件的position属性为fixed或absolute，并设置right属性为0，可以将其固定在屏幕的右侧。同样地，设置左侧组件的position属性为fixed或absolute，并设置left属性为0，可以将其固定在屏幕的左侧。
- 使用网格布局：可以使用CSS的grid布局来实现。通过将屏幕分为左右两个网格区域，并将组件放置在相应的区域中，可以实现左右两个组件的布局。
- 使用框架或库：许多前端框架或库（如React、Vue、Angular）提供了组件布局的功能。可以使用这些框架或库提供的布局组件或指令来实现在屏幕的右侧和左侧放置两个组件。
以上是几种常见的方法，具体选择哪种方法取决于具体的需求和技术栈。在腾讯云的产品中，可以使用云服务器（CVM）来搭建和部署应用程序，使用云数据库（CDB）来存储数据，使用云原生容器服务（TKE）来管理容器化应用，使用云函数（SCF）来实现无服务器计算等。
相关·内容
1回答
如何通过代码对齐joomla插件
、、、、
我正在开发Joomla1.5和1.6插件。
我提供两个输入参数：
对齐(左或右)显示插件(文章后面或文章前)
通过代码；是否有任何方法来对齐插件左或右，也显示插件之前或之后的文章。
请为joomla 1.5和joomla 1.6版本提供您的建议！
谢谢普拉文
浏览 2提问于2011-05-31得票数 0
回答已采纳
2回答
我正在创建一个C#表单应用程序。我想在第二个屏幕上显示初始表单。我想在第一个屏幕上打开其他表单页面。两个屏幕之间存在分辨率差异。如何在第二个屏幕上显示初始表单，并在主屏幕上显示其他五个表单？
浏览 0提问于2018-02-07得票数 0
作为标题，我不知道如何设置相对于Dom的位置dijit.tooltipdialog，它使用"orient()“吗？但是如何设置orient()的参数。如果不使用orient()，请告诉我应该使用哪一种。谢谢。
浏览 0提问于2014-01-21得票数 2
1回答
我有一个4英寸屏幕大小的背景图像。当显示在3.5英寸的屏幕上时，图像的顶部和底部不会显示。但是，我有其他视图，屏幕上的文本框也应该与背景图像对齐，但它们没有对齐。
以下是我的应用程序的一些图片：
3.5英寸屏幕：
4“屏幕：
如您所见，文本框比图像稍微向下移动。这是自动调整大小设置的屏幕截图：
这对于背景图像和文本框都是一样的。我不知道如何让应用程序将文本框向下移动指定的量，或者该怎么办？
如果您需要更多信息，请联系我们。
浏览 0提问于2013-12-09得票数 0
2回答
我试着把两个按钮放在一起，一个按钮占据屏幕的左半部分，另一个按钮占据屏幕的右边。我感到困惑的是，当我在容器中为他们两个设置水平中心时，左边按钮的属性设置是正确的(按钮中心)，而右边按钮的属性设置为视图控制器的中心！
我对此做了进一步的研究，发现只要是在正确的方面，它就会采取这种行为：
在我的图片中，我使用的是带有黑色背景的UIView，但它适用于任何东西。这就是你想要的行为吗？否则我怎么会像我上面所说的那样有两个按钮呢？
浏览 2提问于2015-01-25得票数 0
回答已采纳
我有一个带有2个组件的UIPicker视图。每个组件的行的标题是相关的，即第二个组件中的文本和行数将根据第一个组件中所选行的不同而变化。
现在，问题是，当我滚动两个组件在一起时，我的应用程序崩溃了。
我猜原因是当滚动第一个组件时，第二个组件中的假设行数不断变化，但同时，UIPickerView询问第二个组件的标题和编号，然后崩溃。
但我还没有找到任何可以用来判断组件是否正在滚动的方法。所以我找不到正确的时间来拒绝选择器视图的委托和第二个组件的数据源的请求。
我该怎么做？
浏览 1提问于2012-03-07得票数 0
回答已采纳
我有这样一种情况，一个按钮标题有两个不同字符串的部分，需要在右边和左边各显示一个。文本每次都会根据响应动态变化。我必须将这个按钮放在一个表格视图单元格中。下面附上一张图片以供参考。
要求如下：
。
但我设法做到了以下几点：
我无法将文本放在按钮的两个不同侧面。
浏览 0提问于2017-10-26得票数 1
我的案子看起来是这样的。有一个非常大的特性分支，它可以添加、删除和修改大量(几乎400个)文件。
我的任务是检查所有的更改，主要是确保所有的更改都反映在适当的测试中。
Gitkraken有一个整洁的特性，允许显示任何分支的两个提交之间的差异。所以，一件很自然的事情就是点击两个提交(我的特性分支和主人的提示)。不错，但考虑到上下文，我只想显示这个diff窗口，因为我不需要任何泳道/提交视图。我所能做的就是把右边的窗格扩大到窗口宽度的1/3。
我使用的是树视图，所以1/3不够BTW
有什么想法，如何显示它作为一个单独的窗口/最大化的窗格，以100%的窗口宽度？
更新:通过将窗口平铺到屏幕的一半，我
浏览 0提问于2018-01-19得票数 2
回答已采纳
1回答
idc我所做的，但现在我每次启动这个程序，我的屏幕就会分裂成右边和左边，我希望他们合并起来，把红色放在屏幕的东侧，就像.分成两个小组..。我试图为我的lwjgl游戏做一个世界编辑器，我想做一个面板，让我的游戏有红色的屏幕，但我只是不能把它放在正确的地方，这里是一张图片-- ，因为某种原因你可以看到那里有两个屏幕，我把面板涂成灰色，你可以看到面板只在右边.如果有人知道我的屏幕为什么会分裂plz帮助，则显示的渲染是精细的、红色的背景和黑色方块的模型。
public class Panel
{
private static JFrame frame;
private static
浏览 5提问于2015-08-17得票数 1
回答已采纳
我目前正在使用一个视图上的uipickerview。选取器有两个组件。第一个将包含年份，第二个将包含与该年份相关联的名称列表。问题是第二个组件中的值随着年份的不同而不断变化。因此，当第一个组件移动时，我想禁用第二个组件上的任何移动或滚动。当一个组件在uipickerview中滚动(旋转)时，如何冻结组件。任何帮助我们都将不胜感激。
浏览 0提问于2010-07-22得票数 0
回答已采纳
2回答
我有三个标签，它们都有以它们为中心的子标签。
我有一个位于中间的中间标签。在它旁边，我想放置两个标签，并给它们中间标签和屏幕边缘之间的均匀间距。类似于css中的“边距-右/左:自动；”
这是否可能与自动收费/约束有关？我希望他们的间隔是均匀在3个不同的屏幕。
浏览 2提问于2015-06-27得票数 2
回答已采纳
我有一个VueJS应用程序，其中包含用户列表和用户信息。 我使用两列布局，所以在左侧面板中，我正在加载用户的列表，当我点击任何用户时，用户的信息将加载到右侧面板。 我可以从右侧面板中查看和编辑用户的信息。但更新后的信息不会反映在左侧面板中。例如，如果我要编辑任何用户的名字和姓氏，那么它应该在左侧面板中更新，但我不知道如何在VueJS中做到这一点。 ? index.vue <template lang='pug'>
two-col-layout(v-loading='loading', :show-edit-view='isAddOr
浏览 16提问于2019-09-19得票数 0
1回答
我有一个抖动的Web应用程序，当我单击一个项时，需要在ListView的右侧显示一个小部件，并且这个小部件应该总是在屏幕上可见。我可以在行上实现我的目标，并且只对ListView使用可滚动的方式，但这要求ListView由一个具有定义高度的小部件包装。
当我调整浏览器的大小时，定义一个带有高度的容器包装ListView会破坏响应能力，因为容器不适合屏幕的高度。
我考虑使用ListView的ListView属性，这样就不必将其包装在具有预定义高度的小部件中，但这使得整个行可以垂直滚动，最终导致小部件离开视图端口。
如果有人知道我如何将这个右侧小部件固定在屏幕上，这样我就可以在不失去响应性的情况下
浏览 15提问于2022-03-17得票数 1
我放置一个面板的船坞类型左和放置2个面板与码头类型顶部在父面板。但我想在这两个小组之间设置一个空白，因为这一差距并不适用于这两个小组。如何在C# winform中做到这一点？请帮帮我..。
浏览 5提问于2022-04-23得票数 0
我一整天都有一些问题。我使用的是UITableViewController。TableView有5个静态单元。我在单元格内放置了一个标签，并对其进行了约束。这是我的手机：
每次当我将屏幕切换到不同版本的iPhone时，它都会警告我这个标签的宽度是600 (故事板中的默认宽度)，并且它位于屏幕的右侧。为什么TableViewController不设置TableView屏幕大小？这里我漏掉了什么？这实际上是viewController的子视图吗?如果是，如何判断带有约束的故事板中tableView的合适大小？
浏览 0提问于2015-05-30得票数 0
1回答
我有一个只需要向左或向右拖动的ImageView。我需要获得类似于ScrollerThumb的行为。
然后，根据拖动值(x值变化)，我需要执行某些操作。我看过拖放教程，但这不是我想要的功能。
您能就如何实现这一目标提供一些建议吗？
浏览 1提问于2018-09-24得票数 0
当你在一个div上方悬停时，我正试图在屏幕的上角画一个圆圈。
我想我要做一个计算，考虑到圆圈的高度和宽度是200 it，我在屏幕的顶部和侧面都增加了100 it，这样它就可以把屏幕的边缘推到100 it。
这是圆圈的css随位置的变化
#circle{
border-radius: 50%;
width: 200px;
height: 200px;
background-color:blue;
position: absolute;
right: calc(100% + 100px);
top: calc(10
浏览 2提问于2016-11-13得票数 1
回答已采纳
1回答
在故事板中，我拖动一个按钮和一个标签到场景的中心，如图1所示，在模拟器中的按钮，两个控制器都被放置在左上角，如图2所示。
尽管我使用了布局限制，但请让我知道为什么控制器放置在错误的位置。
图像-1
图像-2
更新部分
我将两个插座放置在堆栈视图中，并设置约束，如下图3所示，但这一次屏幕上什么也没有出现。
图像-3
浏览 3提问于2017-06-02得票数 0
在我说之前，为我糟糕的英语道歉。我在用vpython做轨道模拟，因为地球科学老师让我做的。
下面的链接是我迄今为止工作的结果。
不幸的是，我不能同时观看模拟和图表，所以我想把两个图形并排放在画布下面。另外，我想把“设置”放在3d画布旁边。
我试过不同的方法，但都没有用。
我找到了这个vpython 6链接。
在这个链接中，我可以找到画布和设置并排放置的GUI图像。但我也没能解决这个问题。
，我可以在vpython 7中随意地放画布或任何东西吗？
还是在vpython 6?中
浏览 2提问于2021-11-24得票数 3
回答已采纳
1回答
请看这张图片：
桌面视图不填充屏幕，而我坐的宽度和高度相同的超级视图。我还试着把所有的约束设置为在前导、尾随、上下两个位置上的所有的零。在内容视图中，您看到的黑色图像的尾随空间为5，但在iPad或iPhone 7中，该图像不在最右侧。
如何使TableView和屏幕一样大？谢谢。
浏览 4提问于2017-05-19得票数 1
1回答
我正在制作一个带有选取器视图的应用程序，当按下一个按钮时，选取器视图会弹出，而当按下另一个按钮时，它会消失。在情节提要中，选择器视图覆盖了屏幕的下半部分，包括两个按钮，但当我运行模拟器时，屏幕上的按钮和其他对象(如标签和文本字段)被移动到看似随机的位置，包括选择器视图未覆盖的对象。问题到底是什么，我该如何解决它？
浏览 2提问于2013-08-12得票数 0
1回答
我无法为我的图表单独显示标签。 const Demo = () => (
<Box>
{['bar', 'circle'].map(type => (
<Box key={type} margin={{ bottom: 'xsmall' }}>
<Meter
type={type}
size='small'
values={[
{ value: 60, label:
浏览 17提问于2020-07-09得票数 0
回答已采纳
我正在制作一个应用程序，它将拍摄一张照片，并将照片裁剪成正方形或4*3图像。
然后，当我单击Next按钮时，我将输入Post视图
(就像Instagram一样)
UIImageView将显示我从最后一次看到的照片。
问题是如何将UIImageView设置为正方形或4*3图像
让它在右边和左边填满屏幕？
如果我手动设置相同的宽度和高度来填充故事板的边框，它将如下所示
UIImageView将阻塞UITextView。
故事板将没有添加其他UITextViews的空间
我应该通过代码或其他方式设置UIImageView吗？
浏览 6提问于2016-05-21得票数 1
回答已采纳
嗨，我正在开发一个使用swing的桌面应用程序，当我执行框架窗口时，它显示在屏幕的左侧底部，我能定制它并显示在屏幕的中心吗？
浏览 3提问于2014-02-18得票数 1
回答已采纳
1回答
有一个任务是使闪屏与背景图像，适合屏幕，并在中心标志图像。为android制作这个闪屏已经完成了，但是如何为ios制作呢？IOS有没有没有两个闪屏的方法(颤动的白色闪屏和第二个IOS原生屏幕起到闪屏的作用)？
浏览 1提问于2020-11-03得票数 1
1回答
我找到了几个类似的帖子，但没有解决这个问题。我想这么做：
| +---------------------+ +---------------------+ +------------------------------+ |
| | Input | | Input | | Button | |
| | 50% remaining width | | 50% remaining width | | fixed width based on content | |
| +-------------
浏览 1提问于2014-10-13得票数 0
基本上，我希望能够创建一个菜单，在点击一些按钮将出现从左(或右)和点击任何地方在主屏幕上的用户将能够发现菜单。例如，facebook的应用程序在所有平台上都有类似的功能(在Windows8上也是如此)。
我已经找到了Windows phone ()的解决方案，这不是Windows8的解决方案。也许我可以在立交桥上使用一些手工制作的动画，默认情况下是在视窗之外。然而，我猜一定有更好的或理想的已经证明的解决方案。
此外，我在SO上发现了两个问题，我猜这两个问题的答案是一样的，但没有答案-- 和
我知道，在windows平台上实现菜单并不是最好的方式(我们有顶级的应用程序栏，对吧)，但我们的客户只是
浏览 2提问于2014-09-27得票数 0
1回答
我需要水平拉伸所有按钮：
[button1][button2]
至：
[ button1 ][ button2 ]
取决于屏幕的宽度。
因此，我已经将button1固定在superview的顶部和左侧边缘。然后，我将button2水平地固定在button1上，并将等高设置为button1，并将按钮2固定在右侧边缘。
这是我现在的问题：
浏览 3提问于2014-12-21得票数 1
在9补丁png中，它的四个边都有黑色的边缘，但通常从左到右和从上到下的边缘是不同的。为什么？这种差异是如何影响的？
浏览 0提问于2010-12-23得票数 9
回答已采纳
我有我的Ubuntu桌面配置与双监视器。在它上，每当我启动一个LibreOffice印象，它使用两个屏幕，一个用于当前幻灯片和下一个幻灯片，另一个用于实际演示。
我想要的是只使用一个显示演示的监视器。我不希望屏幕与当前幻灯片和下一个幻灯片，以便它可以用于其他目的。
我该如何做到这一点？
谢谢。
浏览 7提问于2015-03-13得票数 12
回答已采纳
当firefox等应用程序打开时，窗口的位置与关闭时相同(即屏幕的一半位于左侧或右侧等)，这是一个有用的特性。
这些信息存储在哪里？我希望能够在终端中查看此标志，并可能通过命令行更改它或更改它，以便它总是在相同的位置打开。
谢谢
浏览 0提问于2018-10-21得票数 3
1回答
我正在尝试使和iOS应用程序与纵向和横向视图，但如果我打开它，并更改方向为横向，一些按钮离开屏幕，在转到IB和重新排序的按钮，在肖像，他们离开屏幕。
在谷歌搜索之后，我没有任何想法如何根据方向“改变”观点。
你们能帮我个忙吗？啊，还有，苹果的支持文档对我来说似乎很无用:P
谢谢!
浏览 1提问于2011-10-02得票数 2
回答已采纳
1回答
我正在尝试构造一个函数，当大于100时，返回一个包含元组元素之和的列表。
resultSum :: [(Integer)] -> [Integer]
resultSum (x:xs) = [ sumT | let sumT = fst x + snd x in sumT + trd x, sumT > 100 ]
trd (_,_,x) = x
我收到了这样的信息：
不在范围内：` Not‘
我想，当我使用let时，我指定了谁是我的变量
PS:我需要使用let和列表
浏览 0提问于2017-03-25得票数 0
1回答
我正在尝试设置一个根据屏幕大小变化的拖尾约束。下面是示例。我必须用>=设置某个优先级吗？
我想要的是加号按钮的尾部空间总是相同的距离，无论屏幕大小。如何设置此约束？
浏览 0提问于2015-04-04得票数 0
我在我的地方有一张卡片，就像：
<table id="card">
<td>content</td>
<td>content></td>
<table>
我想把它固定在屏幕的右边，减去50 it，我想这会像position:fixed; left: calc(100%-50px);一样。问题是卡保持在屏幕外，当我放大时，它会四处移动。
这就是它的外观(其余的都是屏幕外的)：
这就是我希望它看起来的样子：
我认为这是因为CSS将“卡片”的左边作为参考，放在屏幕的末尾。
浏览 1提问于2019-02-12得票数 0
回答已采纳
1回答
目前，我正在使用核心地块可可荚绘制散点图，目前我需要滚动以启用，但同时需要x&y轴--将x&y轴固定在屏幕的角上，并且只需要在数据中移动任何方法。
下面代码的当前实现让我在数据中滚动，但是当我滚动很远的图形时，x轴或y轴就消失了。
-(void) viewDidAppear:(BOOL)animated{
[super viewDidAppear:animated];
CPTGraphHostingView* hostView = [[CPTGraphHostingView alloc] initWithFrame:self.view.frame];
[self.view ad
浏览 1提问于2017-06-14得票数 1
回答已采纳
1回答
我正在用SceneGraph开发一个Roku应用程序，我希望在频道主屏幕上有一个附带搜索和其他按钮的侧菜单。我找不到如何实现这一点。有可能吗？
非常感谢
浏览 0提问于2018-09-10得票数 0
回答已采纳
我有一台ImageView，它在屏幕的中间。我用下面的代码创建了一个TranslateAnimation来移动到屏幕的右边缘：
logoAnimationLeft2Right = new TranslateAnimation(0, screenWidth/2+imageWidth, 0, 0);
logoAnimationLeft2Right.setDuration(500);
logoAnimationLeft2Right.setFillAfter(false);
logoAnimationLeft2Right.setRepeatMode(An
浏览 2提问于2013-09-12得票数 0
我有Lubuntu 14.04和两个屏幕配置。
我可以使用ARandR应用程序配置分辨率和布局，但是任务栏面板显示在两个屏幕上，我只想在第一个屏幕上显示。
能帮我安排一下吗？
浏览 0提问于2016-11-21得票数 0
我想让这个android布局基本上像海豚浏览器一样工作，我可以让我的侧边栏出现在左侧，同时水平滚动视图到右侧。
我认为这可能是两个滑动抽屉一起工作，但在捆绑后，它不工作。
所以，任何想法或任何参考和教程都会很好！
是屏幕截图，它可以说明这种布局是如何工作的(我完全是新来的，所以不允许上传图片)
浏览 4提问于2011-02-15得票数 1
回答已采纳
我有一个带(UltraWinToolbar)，上面有3 TextBoxTools，在一个组中垂直排列，有点像：
| Short Caption: [xxxxxxxxxxxxxxxxxxxxxx] |
| Very Long Caption Indeed: [xxxxxxxxxxx] |
| Tiny: [xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx] |
但我想让它看起来像这样
| Short Caption: [xxxxxxxxxxx] |
| Very Long Caption Indeed: [xxxxxxxxxxx] |
| Tiny:
浏览 1提问于2012-05-01得票数 1
回答已采纳
1回答
我正在尝试将一个交换机和它的标签放在一起。
<Switch
android:id="@+id/switch"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:text="This is a label" />
我遇到的问题是开关和它的标签在屏幕的两边分开了。我知道我可以更改android:lay
浏览 0提问于2014-02-18得票数 2
下面几行之间的实际差异是什么？
constraintRight_toRightOf="parent"
constraintRight_toLeftOf="parent"
浏览 0提问于2018-04-13得票数 0
2回答
我正在尝试为我的应用程序设置一个启动屏幕，但是当我在启动屏幕故事板中的视图控制器中添加任何UI元素时，我看不到任何设置约束的选项，就像在主故事板中一样。
可能的原因是什么？
浏览 5提问于2017-01-31得票数 3
我正在用XCode构建一个通用的应用程序，并遵循“用Swift开始iPhone开发”第3章的步骤。
我有一个视图，有两个按钮，名为“左”和“右”，标签上有空文本。他们一开始就是这样定位的：
接下来，我添加一些约束。这些步骤是：
我从标签拖动到视图，并添加两个约束：“容器中的中心水平”和“顶部空间到顶部布局指南”。然后选择标签并单击"update约束“。
对于左右两个按钮，我都添加了一个约束：“容器中的垂直中心”。
我添加了一个“引脚”约束，将32点左右的左键分开，右侧按钮也是如此(但我添加了一个从右侧分离的按钮)。
为了解释最后一步，我为左边的按钮添加了以
浏览 6提问于2015-03-04得票数 1
最后我完成了我的工作，现在我需要把它交给设计师了。应用程序有一些按钮和复选框。
所以问题是，她应该为每种屏幕尺寸(ldpi，mdpi，hdpi，xhdpi)绘制多大的按钮和复选框，或者她可以只为按钮绘制一个图像，为复选框绘制另一个图像，并且可以缩放？
已经谢谢你了。
浏览 0提问于2012-06-26得票数 0
回答已采纳
我已经创建了一个程序，它打开包含applet的4个Jframe。我想把这些帧从我的主屏幕移到我的第二个屏幕上，但它不工作。
我试过使用.setLocation(x,y)-method，但是jframe仍然不能移动到屏幕的边缘。
我甚至尝试过获取graphicsdevice.getdefaultconfiguration.getBounds()的绑定，但结果是"0"，所以它每次都会在我的主屏幕上打开0,0上的JFrames。
希望，任何人都能理解我的问题并能帮助我：
附言:对不起，我的英语不好
浏览 2提问于2019-01-18得票数 0
web应该是这样的
header: image
image - fieldset - fieldset
image - fieldset
image - fieldset
但是，我尝试使用.css作为外部工作表，但没有任何变化。下面是我的代码：
<center> <img src="header.gif" alt="header"> </center>
<br> <img src="one.gif" alt="one" class="one-image
浏览 1提问于2021-03-22得票数 0
1回答
基于颜色的叠加图像分离
、、、
我有一个立体声相机，它将左视图和右视图结合到这个奇异的图像中。虽然每个相机都是不同的颜色，左是绿色，右边是洋红色。我如何将这个图像分割成两个独立的图像。使用Python、opencv、numpy等。
立体摄像机将左右图像结合在一起：
浏览 3提问于2022-10-18得票数 0
我必须在我的android应用程序中创建一个聊天模块。我为此创建了布局，并使用了一个9补丁映像来显示消息。现在我想知道消息是如何显示在屏幕的左右区域的。
这是我的屏幕
浏览 4提问于2014-02-25得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
