Question

编辑08/08/2018

更简单的笔：https://codepen.io/anon/pen/bjQVvK

问题似乎是移动输入框的“居中对齐”类，但没有“结果” div（如何解决？）

这是我的问题的笔：https://codepen.io/anon/pen/bjQdzR

使用语义ui的搜索模块，内容div与搜索输入不对齐

然后将按钮推向下方（可能是搜索模块的容器div处于dispay：block模式，并且占据了整行-也许是问题所在）

<div class="ui search">
      <input class="prompt" type="text" placeholder="Common passwords...">
      <div class="results"></div>
 </div>

此搜索模块位于其他div内，有什么想法吗？

<body>
    <div class="pusher">
        <div class="ui inverted vertical masthead center aligned segment">
            <div class="ui container">
                <h1 class="ui inverted header">website title</h1>
                <h2>fsdfghgsdhf sdfgffg fshfg</h2>

                <div class="ui search">
                   <input class="prompt" type="text" placeholder="Common passwords...">
                   <div class="results"></div>
                </div>

...
..
.

样式

.masthead.segment {
          min-height: 700px;
          padding: 1em 0em;
        }

脚本

var content = [
            { title: 'Andorra' },
            { title: 'United Arab Emirates' },
            { title: 'Afghanistan' }
];

$('.ui.search').search({ source: content });

语义ui搜索模块-结果内容未对齐

0 个答案: