引导搜索框和按钮与标题文本右侧对齐(不在导航栏中)
引导搜索框和按钮与标题文本右侧对齐是一种常见的界面设计布局，旨在提高用户界面的整体美观性和用户体验。通过将搜索框和按钮与标题文本右侧对齐，可以使页面看起来更加整洁和有序。
这种布局适用于各种网页和应用程序，特别是那些需要突出搜索功能的场景。以下是一些常见的应用场景和优势：
应用场景：
- 电子商务网站：在商品列表页面或商品详情页面上，通过将搜索框和按钮与标题文本右侧对齐，可以使搜索功能更加突出，方便用户快速找到所需商品。
- 新闻网站：在新闻列表页面或文章详情页面上，通过将搜索框和按钮与标题文本右侧对齐，可以使用户更加方便地搜索相关新闻或文章。
- 社交媒体应用：在用户个人主页或消息列表页面上，通过将搜索框和按钮与标题文本右侧对齐，可以使用户更加方便地搜索好友或查找特定的消息。
优势：
- 界面整洁：通过将搜索框和按钮与标题文本右侧对齐，可以使页面布局更加整洁，减少视觉混乱，提高用户界面的美观性。
- 用户体验：将搜索框和按钮与标题文本右侧对齐，可以使用户更加直观地理解搜索功能的位置和使用方式，提高用户体验。
- 一致性：在整个网站或应用程序中保持搜索框和按钮与标题文本右侧对齐的一致性，可以使用户在不同页面间快速适应和使用搜索功能。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
我使用一个自定义导航控制器类删除了导航栏中的后退按钮，如下所示：
class CustomNavigationController: UINavigationController, UINavigationControllerDelegate {
override func viewDidLoad() {
super.viewDidLoad()
self.delegate = self
}
override func didReceiveMemoryWarning() {
super.didReceiveMemory
浏览 0提问于2018-02-20得票数 2
3回答
我试图创建一个类似谷歌的搜索栏后，用户开始键入一个关键字。我通常会尝试将搜索栏与提交按钮对齐。如果我能让它在Firefox中正确排列，它在Chrome中通常不会正确排列。谷歌是否真的将两个输入对齐了，或者有没有办法将实际的按钮放在搜索栏的内部并将其放在最右边？
编辑:嗯，我想这更像是一个概念性的问题。我实际上没有任何代码。我只记得我上一次尝试对齐搜索栏和按钮的尝试失败了。谷歌是怎么把他们的搜索框和提交按钮对齐的呢？
编辑2:这是我的HTML：
<form method="get" action="">
<div id="search
浏览 2提问于2011-03-15得票数 0
2回答
我正在写一个IPhone应用程序。其中有一个搜索栏(带控制器的UISearchBar)。当我选择它时，它被聚焦了，导航栏消失了，主体变暗了，所以当我在搜索栏上键入时，建议(搜索结果)就会出现。我的问题是，当我选择搜索栏时，在我输入任何东西之前，我可以通过一个有色的黑色主体区域看到我的原始视图。在那里，我看到所有其他控件(按钮、文本字段)都向上移动(因为导航栏消失了)，但UISteppers没有移动，这使得它们没有对齐。
为什么会这样呢？
浏览 0提问于2011-12-24得票数 0
回答已采纳
1回答
我已经创建了一个网页使用html5，css和js。
在我设计了徽标，搜索框和菜单后，我在标题的顶部添加了地址。
下面是html和css代码：
Html：
<div id="address">255 White Street, Danbury CT 06810 | 203.730.1776 | <a href="mailto:info@tksamericancafe.com" class="white">info@tksamericancafe.com</a></div>
css：
#address
浏览 2提问于2014-10-25得票数 0
3回答
我看到很多iPad的应用程序都有很酷的标题栏。这些似乎是导航栏和工具栏的组合。他们通常有一个后退按钮和一个标题以及男人的其他按钮。导航栏仅支持左侧项目、右侧项目和标题视图。而且工具栏并不真正支持后退按钮或标题。
那么，如何在UINavigationController驱动的应用程序中实现这些带有许多按钮的丰富导航栏呢？
浏览 3提问于2010-04-10得票数 12
回答已采纳
我是iOS编程的新手。我有一个皮肤导航栏有70像素的高度，我想后退按钮和标题是垂直对齐到中间。
我已经看完导航栏的标题了。但我不知道如何将后退按钮垂直对齐到中间。
谢谢。
浏览 2提问于2012-06-28得票数 3
我正在使用一个引导导航条，并使用它的折叠功能。
在我的完全扩展的导航栏中，我有三个元素--一个搜索字段和它的按钮，还有一个浏览按钮。
当它崩溃时，我想让搜索字段和它的提交按钮出现在同一行。但是，当我的导航栏崩溃时，它会将搜索字段放在自己的行上，然后在同一行上放置"submit“和"browse”按钮。下面的图片显示了我的意思。
我希望它有搜索字段和字形‘提交’按钮在一行，而浏览按钮在行下面。
下面是我使用的html：
<div class="collapse navbar-collapse" id="example-navbar-coll
浏览 8提问于2016-01-31得票数 3
回答已采纳
我的问题与不同，因为他在导航栏中添加了搜索栏，而我需要使用表视图来实现同样的目的。
我在一个应用程序中工作，其中我需要在UISearchbar的搜索框旁边添加一个按钮。我试图找到解决这个问题的方法，但我找到的唯一方法就是使用UINavigationBar。但是，我需要在编辑事件的开始和结束时对搜索栏进行动画处理，因此将其放在导航栏上并不能满足我的需要。
我把我的搜索栏放在UITableview的标题视图中，这样它就可以和表视图一起滚动了。它工作得很好，动画效果和预期一样，当然还有滚动，除了搜索框旁边的按钮。
有没有其他方法可以在UISearchBar的搜索框旁边添加一个按钮？
浏览 1提问于2012-07-03得票数 2
回答已采纳
1回答
我在我的应用程序上使用bootstrap，并且很难使用bootstrap垂直对齐一些项目。它由一个引导程序行和3个span4组成，其中包含一个搜索栏、一个标题和导航链接。
这是骨架：
<div class="row">
<div class="span4">
form code, as generated by rails form_for
<div class="span4">
Page title
<div class="span4">
pagi
浏览 1提问于2012-12-20得票数 0
回答已采纳
1回答
超完美下拉位置
、、、、
有没有人知道超级鱼类的下拉UL是否有可能有不同的位置？我有一个水平导航栏，在左边我希望下拉菜单对齐到按钮的左边，在右边我想让他们对齐到按钮的右边。
浏览 0提问于2009-11-06得票数 2
回答已采纳
2回答
替换导航栏的后退按钮而不拉伸
、、、、
我正在尝试替换默认的导航栏后退按钮图像：
UIImage *backButtonImage = [UIImage imageNamed:@"back_button"] ;
backButtonImage = [backButtonImage resizableImageWithCapInsets:UIEdgeInsetsMake(0, backButtonImage.size.width, 0, 0)];
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage
浏览 0提问于2014-12-13得票数 3
1回答
我在样式/在导航栏上方添加标题时遇到问题。我能够添加标题，但对齐是完全错误的。
我正在尝试让它与第一个导航栏按钮对齐。我可以问一下如何创建/编辑我的标题，使其与导航栏对齐吗？
<div class="container" style="background-color: #00a3a3;">
<div class="row">
<div class="col-md-12">
<h2 class="pull-left" styl
浏览 0提问于2015-12-06得票数 2
1回答
这就是我的导航条现在的样子：
这就是我希望它看起来的样子(左边是标题，右边是按钮)：
我将导航栏分为标题的左对齐列表和按钮的右对齐列表，但出于某种原因，这两个列表相互叠加在一起，而不是放在一行上。如何创建上面的导航条？
<div class = "navBarWrapper">
<div class="top bar">
<ul class = "left">
<li class = "title">Photo Albums
浏览 0提问于2017-03-12得票数 0
回答已采纳
这与发布的其他问题类似，但更具体。
我的目标是使用CSS (纯或使用bootstrap)创建一个拆分导航栏，登录和注册按钮右对齐，其他按钮左对齐。在XL屏幕上，我将登录和注册按钮从内联块更改为块显示，这使得它们各占两行。每一个都由一个令人敬畏的字体、图标和文本组成。通过这个简单的更改，我在垂直对齐其他按钮时遇到了很多问题。块按钮在导航栏中垂直居中，但其他按钮太高。
所有基于flexbox的解决方案都有一个副作用，那就是取消了登录和注册按钮的右对齐。这包括任何引导类，如d-flex，将任何对齐属性添加到css文件。
我可以重新设计导航栏，使其在辅助导航栏中具有右对齐的项目，就像这里的解决方案：，
浏览 2提问于2020-02-08得票数 0
2回答
我有一个WordPress页面，主题是十三页。例如：
导航栏的最后一个元素是搜索表单。如果我单击搜索表单，就会启动CSS转换，该转换会逐渐消失在左侧，最后显示整个搜索表单。
我想将放大镜图标更多地放在左边(这很简单:只需更改right css-属性)并更改转换的方向。转换应该从左到右(而不是现在的从右到左)。
谢谢你的帮助。
浏览 5提问于2015-11-13得票数 0
回答已采纳
2回答
不使用可折叠标头的可折叠搜索按钮
、、、、
使用JQM，我正在尝试实现以下标题设计
家庭公司
项目清单
主按钮和公司倾斜左对齐，搜索和筛选右对齐。
当用户单击搜索图标时，我希望下面的搜索栏出现在标题和项列表之间
<div data-role="fieldcontain">
<label for="search">Search Input:</label>
<input id="search-tickets" type="search" name="sear
浏览 2提问于2014-07-08得票数 3
回答已采纳
1回答
我已经研究了几乎所有关于肚脐中的中心对齐元素的问题，还没有找到答案。
我一直试图在我的肚脐内，但在可折叠按钮之外，对齐搜索栏。问题是，不管我做什么，我都不能把搜索框放在中间。它只会留在左边。
然而，如果我使视口变小，一旦右边的链接消失在可折叠按钮中，搜索框就会在中间很好地对齐。这是我的海军条码：
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#&#
浏览 0提问于2020-01-21得票数 0
回答已采纳
当前面的视图在导航控制器中显示搜索栏时，我无法更改按下视图上的后退按钮标题。
ListView有一个UISearchBar，显示在导航栏中。
DetailView是从ListView的包含表中推送的。导航栏中的详细视图中的按钮总是标题为" search "，除非从导航栏中移除搜索栏。
我尝试在故事板中更改DetailView的导航项上的后退按钮文本，但没有效果。更改此导航项中的主标题确实有效。移除标题将名称恢复到视图控制器的名称-因此这是活动的导航项。
我尝试在self.navigationitem.backBarButtonItem.text中设置viewDidLoad =
浏览 4提问于2013-11-13得票数 4
回答已采纳
我正在尝试使导航标题与SwiftUI中的一个SwiftUI视图中的后退按钮垂直对齐。以下是当前的情况：
下面是我为视图添加导航栏标题的代码。如何使它与后退按钮垂直对齐？
var body: some View {
Text("My Detail View")
.navigationBarTitleDisplayMode(.inline)
VStack {
List {
ForEach(0..<layerSettings.count, id: \.s
浏览 13提问于2022-09-17得票数 2
回答已采纳
我在试着修我的导航栏。我尝试在搜索栏中添加一个按钮时将其居中。这只是html和css的练习，但我不明白为什么我的搜索按钮这么小，也不明白为什么我的右菜单现在和我的<code>D0</code>对齐了。它应该是一个简单的youtube复制品.
<code>A1</code>
<code>A2</code>
我该如何解决这个问题呢？
浏览 7提问于2019-04-01得票数 1
回答已采纳
1回答
我正试图在OS中获得以下效果。
我发现第一步是创建一个自定义工具栏，然后隐藏窗口标题。
我已经设法隐藏窗口标题，但我是新的OS开发，所以我不知道如何创建一个自定义工具栏。
下面是我想要创建的效果(工具栏上有一个搜索字段，也许还有一些按钮)。
浏览 0提问于2015-08-25得票数 3
回答已采纳
我正在学习bootstrap 4导航栏，但我不能清楚地理解如何在导航栏中定位对象，我希望在导航栏的中心放置一个搜索框，并在右侧放置一个按钮，但我只能做到这一点，导航栏没有居中对齐。
<div class="collapse navbar-collapse text-xs-center" id="mynavbar">
<div class="col-lg-4 form-inline navbar-form">
<div class="input-grou
浏览 0提问于2017-04-02得票数 1
回答已采纳
我有一个UISearchBar作为UIViewController视图的子视图。UIViewController有一个导航栏。当我触摸UISearchBar时，我启动了一个动画，将导航栏向上移动和移出屏幕，并向上移动搜索栏以取代导航栏。
当我这样做时，属于搜索栏的cancel按钮不会向搜索栏的代理发送触摸事件。当我将搜索栏向上移动几个像素时，搜索栏取消按钮仍然有效。
对我可能做错了什么有什么建议吗？
浏览 1提问于2011-08-04得票数 1
回答已采纳
1回答
更改导航栏项目内容不影响视图内容
、、、、
有没有一种通用的模式来改变导航栏的内容而不改变UITableView的内容，滚动位置，其他元素等等？
我有一个带有标题和按钮的导航栏。在按下这个按钮时，我希望栏显示一个文本框而不是标题，并显示另一个带有另一个操作的按钮。在文本栏或按钮区段外轻触时展开。
最明显的方法是将一个片段推送到另一个没有动画的场景，重新实现相同的UITableView内容和位置，但我发现这样做效率很低。
另一种方法是尝试在同一场景中进行。我尝试将文本框放在标题的导航栏上。在这种情况下，文本框将替换导航栏的标签，即使文本框被隐藏，也不会显示它。
iOS 8-9 + Swift谢谢！
浏览 0提问于2015-09-18得票数 1
在引导后，添加导航栏，当我们通过mobile.We访问站点时，会显示一个按钮，点击导航栏的内容。我想添加另一个搜索栏在它下面，它应该显示不使用该按钮。请帮助我是新手。谢谢!
jsfindle link:
在它的右上最角的按钮帮助显示导航bar.How，使搜索栏可见而不使用按钮。
浏览 6提问于2014-11-24得票数 0
回答已采纳
1回答
我需要把分段控制到导航栏下面的标题和其他按钮。我该怎么做呢？到目前为止，我所发现的一切都表明，如果没有hack，就不能增加导航栏的高度。这有可能吗？
浏览 0提问于2014-10-16得票数 1
2回答
没有正确对齐的项
、、、
我正在制作一个使用React的网站，这里我使用html和css。我有一个导航栏和一个搜索栏，但问题是搜索栏改变了导航栏中标题的排列方式，这是代码框- 。
请确保增加结果大小，以便您能够正确地看到它。在这里，我希望标题在中间，搜索栏在左边，菜单图标在右边。目前，搜索栏在左边，菜单图标在右边，但是标题不在中间。请帮我解决这个问题。谢谢，祝你今天愉快。
浏览 13提问于2022-05-19得票数 -1
回答已采纳
我正在尝试做一个导航栏，在页面的右边贴上一个联系按钮。我希望contact与导航栏的其他元素对齐，但是当我添加float: right;时，它只会使导航栏不对齐，并且不会将contact移到右侧。
在这里您可以看到我的代码：
有人能告诉我完成这件事的正确方法吗？
谢谢!
浏览 65提问于2018-07-10得票数 0
回答已采纳
1回答
我在tableview的标题视图中有一个带有按钮、textfield和搜索栏显示控制器的tableviewcontroller。
当我单击搜索栏，然后在“取消”或“背景”选项卡上(将其关闭)，搜索栏将调整大小以覆盖其所在的整个视图(通过按钮和文本字段)。
在viewDidLoad我有
self.searchBar.translatesAutoresizingMaskIntoConstraints = YES;
有什么想法吗？
浏览 1提问于2014-02-05得票数 0
回答已采纳
如何实现:我有一个搜索图标的UIBarButtonItem，在我点击它后，我想显示导航栏中的搜索栏，并单击取消按钮在搜索栏中，我想显示导航栏没有搜索，并与按钮和标题一样，在iOS7日历应用程序。
浏览 4提问于2014-10-25得票数 2
我有一个<div class="container">包在导航链接上的引导4导航条，所以导航的位置与页面上的内容完全一样(也在容器中)。
我现在想在容器的外部添加一个搜索输入，对齐到右边(仅在XL屏幕上可见，否则隐藏)。
我知道如何对齐东西，我可以在容器内对齐它，但是在容器外部创建另一个<ul class="navbar-nav">实际上会把一切搞砸，所以我不太确定怎么做，同时在导航栏中也有一个容器。
据我所见，container有一个auto边距，并且在容器后面放置一个form-inline，甚至在使用float-right时也是如此。
浏览 1提问于2019-02-10得票数 0
2回答
我使用的引导导航条是来自参考，我正在尝试在移动设备上用户不需要点击菜单图标来搜索页面。因此，试图显示搜索框后，品牌在响应模式。
在普通桌面浏览器中，引导程序如下所示：
在响应模式下，如下所示：
我必须移动搜索框和登录选项，以便在移动设备上显示“品牌之后”中心。我试着玩css把搜索框移出导航栏，但是它破坏了我的整个HTML。
有人能指点我，怎么做？这是
[JSFiddle Link][4] - https://jsfiddle.net/mzy1sak3/1/
浏览 3提问于2017-04-05得票数 0
回答已采纳
我想使用导航栏中的搜索栏按钮来显示搜索栏，就像苹果在日历应用程序中所做的那样。“取消”按钮将关闭搜索栏，并将导航栏返回到原来的状态、条形按钮、标题等。
使用iOS 7属性：
self.searchDisplayController.displaysSearchBarInNavigationBar = YES;
将搜索栏放入导航栏中很好。我的问题是想让它有条件地出现在酒吧按钮上。我试过从按钮的动作中发射这条线，但没有。我尝试过setActive:动画:在searchDisplayController上
self.searchDisplayController.active = YES;
但也没有
浏览 6提问于2014-02-13得票数 4
回答已采纳
我有一个视图控制器，它嵌入在导航控制器中。导航栏(来自UINavigationController)。
视图控制器的大部分部分将由表视图覆盖。导航栏的区域中充满了标题和常用的导航按钮。我需要显示一些额外的按钮。我想知道是将这些按钮放置在底部作为普通的UIButtons，还是应该在底部放置第二个导航条并在其中放置一些UIBarButtons？
有可能有第二个导航栏吗？说得通吗？
或者视图控制器只能有一个导航条？如果是，导航栏与导航控制器的用例是什么？
浏览 0提问于2014-02-19得票数 0
回答已采纳
我将搜索栏设置为导航栏中的标题视图。在初始视图中，搜索栏在中间均匀地间隔，两边都有按钮。在这个视图中，后退按钮按下搜索栏，使其不均匀。我试过去掉后退按钮的文本，但是它仍然无法扩展搜索栏。
浏览 2提问于2017-11-28得票数 0
回答已采纳
当21个主题变得太小时，导航栏中的搜索栏就会向上移动到标题图像中。我的问题是，这个行为在主题中是如何处理的？我想稍微修改一下，以更好地适应我的孩子班。
浏览 0提问于2012-06-28得票数 0
我正在尝试创建一个标题栏为我的网站注册页面使用Twitter引导。根据，我想用我网站的名字替换这个品牌，然后我想在导航栏右边的按钮上加上一个标志：
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand&
浏览 5提问于2016-05-25得票数 0
回答已采纳
1回答
我希望使用故事板中的属性检查器自定义导航控制器上后栏按钮的标题。下面的图像说明了当选择导航项(从另一篇文章中获取)时，我希望在“属性”检查器中看到什么：
当我选择导航控制器时，我的属性检查器为空：
我使用的Xcode 6，但也回到5.1和有同样的问题。我打开了另一个项目，没有问题，所以我猜我设置的东西(或者我实现导航栏的方式)是禁用我的导航栏的属性检查器。
对是什么原因有什么想法吗？
浏览 0提问于2014-06-22得票数 1
回答已采纳
2回答
我在一个网站上有一个标题/导航栏，它有一个徽标，导航菜单和搜索框都在该顺序
所以徽标在左边，然后是导航菜单和右边的搜索框。
搜索框是使用position: relative;对齐的，问题是它相对于导航菜单的位置，导航菜单是搜索框之前的div。
这是一个问题，因为导航菜单可以有不同的大小，这取决于它显示的菜单项。
我需要一个可靠的方法来定位我的搜索框，有没有办法相对于某个Div而不仅仅是它前面的Div来定位Div？
在图像中，搜索框应该定位在侧边栏上，但就像我提到的，导航菜单可以有不同的长度，所以如果我将相对X定位在它之外，它将根据菜单的宽度而有所不同
浏览 3提问于2012-01-07得票数 0
回答已采纳
4回答
我在中创建了一个底部导航栏(脚注)，以包含一些社交媒体链接：
有一个断点，无序列表项(li)将垂直堆叠，而不是水平堆叠：
我可以看到这种行为对于使用带标题的导航条是可取的(我在我的顶部导航栏上使用它)，但是由于我只是使用这个底部的图标，所以我不希望它们垂直堆叠，因为它们有足够的宽度水平地排列到移动屏幕上。
我如何才能在我的底部肚脐上禁用这种行为？
我还想知道，当设备的宽度小于电话号码和社交媒体图标的宽度时，我左边导航项中的电话号码和图标是否会消失。
引导版本为3.3.2。
更新：这是一把小提琴
浏览 3提问于2015-02-22得票数 4
回答已采纳
3回答
我有一个边栏有一个头球。我想有一个标志+切换按钮内联在标题。
由于某种原因，我无法正确地对齐按钮。
我根据引导5文档所做的尝试，以及一些这样的答案：
text-right
text-end
float-right
他们都不起作用。
如果屏幕调整大小(如何使按钮保持静态/粘性)，如何使按钮向右对齐，并防止其更改位置？
目前的结果：
期望的结果(中间垂直对齐，右边水平排列)：
浏览 8提问于2021-10-27得票数 0
回答已采纳
由于twitter的引导导航栏也是粘性的，似乎当用户向下滚动时，导航栏会重叠在粘性标题的第一行(列标题)的顶部。有没有办法将粘性标题向下推一行，这样当你滚动时，它就可以落到引导粘性导航栏的下方？
浏览 0提问于2013-09-05得票数 1
1回答
我正在使用Bootstrap创建我的用户界面。
我有一个相对较高的导航栏；导航栏的默认高度是50px，我的导航栏是100px。当我渲染一个拆分按钮时，菜单下拉菜单并不考虑导航栏的高度(下面的链接说明了这个问题)。我如何修复这个问题，使下拉菜单呈现在按钮下方(而不是导航栏下方)？
此外，如果有人对如何消除按钮组中间的间隙有一个建议，那也是很棒的！
澄清
我使用的是SASS，所以我没有意识到我粘贴的链接没有说明这个问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是，那里的CSS文件很大。
如果您正在使用带有LESS或SASS的BootStrap，我将$navbar-height变
浏览 0提问于2014-06-23得票数 1
3回答
我用引导带做了一个导航条。在这里，导航条的切换按钮总是对齐导航条的右侧。我的问题是，为什么它与它的右边是一致的？是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类，也没有在品牌和按钮之间的元素，该元素具有自动长度。那么，在此按钮上应用了哪个类的属性来使其与导航条正确地对齐？
在从ul标签中移除时，切换按钮仍然对齐导航栏的右侧。
跟我说说财产和负责这件事的班级。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l
浏览 5提问于2020-12-24得票数 1
我使用twitter bootstrap作为我的站点框架。我也在使用jQuery。
在我的主导航栏中，我有一个包含搜索框的bootstrap下拉菜单。搜索框有一个jQuery自动补全功能，可以完美地工作。
然而，我的问题是，当用户点击自动完成列表中的一项时，引导下拉列表关闭，防止用户单击“搜索”按钮，直到他们重新打开下拉列表(搜索查询仍然存在)。
当从自动完成列表中进行选择时，有没有一种简单的方法可以防止下拉菜单关闭？这是由于两个框架之间的冲突吗？
提前谢谢。
戈登
更新：
<script type="text/javascript">
浏览 3提问于2013-01-29得票数 2
2回答
输入和按钮不对齐
、、
我在试着把输入框和按钮对齐。
但是，如果没有引导css框架，它可以很好地工作，但是，当我添加引导时，搜索按钮是不对齐的。
.container{
height: 120px;
}
input, button{
height: 100%;
}
我已经找出了一些解决办法，但我想了解为什么会发生这种情况的基本面。
我的解决办法：
我发现下面的修复特别有趣，因为输入和按钮元素一开始就没有填充。棒棒糖？
输入，按钮{边距: 0；填充: 0；}
。
输入，按钮{垂直对齐:中间或顶部}
*注意不对齐是很微妙的
浏览 3提问于2015-07-15得票数 1
回答已采纳
(1)。我刚在故事板中的UISearchBar中添加了UITableView。当我单击默认UITableView中的单元格时，它会转到details视图，我可以通过单击导航栏中的back按钮返回到默认UITableView。这是正确的。
UITableView(带有标题的图书) -Item 1(选定) -Item 2 -Item 3 DetailsView(BookDetailsViewController)图书(导航栏中的后退按钮)项目1(查看标题)
(2)。问题是，当我从searchDisplayController.searchResultsTableView，中单击单元格时，它
浏览 2提问于2014-02-16得票数 0
当UINavigationBar已经有一个标题、左、右栏按钮要显示时，是否可以在其中添加UISearchBar？如果可以将其包含在UINavigationBar中，我将在标题下面的第二行显示搜索
浏览 11提问于2016-09-25得票数 0
1回答
我现在有一个导航栏，变得有点笨重。在下面的图像中，search按钮显示一个搜索栏，其中还会显示一个cancel按钮。我想在这里做的是让一个按钮在/显示当前正确的条形按钮项。
搜索按钮完全在情节提要中创建，但由于情节提要中条形项的限制，类别按钮是使用我在情节提要中设置的segue标识符以编程方式添加的。首先，我们有与按钮相对应的代码，然后是屏幕快照。记住，这是为正确的条形按钮项目。
按钮初始化
self.categoryButtonItem = [[UIBarButtonItem alloc] initWithTitle:NSLocalizedString(@"Categories
浏览 2提问于2015-07-08得票数 1
回答已采纳
4回答
我想知道如何在文本框中对齐搜索图标，就像Google的搜索栏一样
像这样的：
这是我得到的，但我想知道该怎么做：
我试图避免使用引导程序或任何库。我想尽可能多地保留香草味。
#search-bar {
width: 32%;
color: white;
border-radius: 24px;
border-style: solid;
border-width: 1px;
border-color: white;
background-color: #2d2d2d;
height: 44px;
}
<form class="
浏览 6提问于2021-09-17得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
