javascript - 如何在语义-ui react 中设置最小高度

标签 javascript html css reactjs semantic-ui

我使用语义-ui-react。我有一个容器 main其中有一个 Segment里面显示页面的详细信息。但是这个 Segment 的高度会根据里面的内容而变化。我想设置混合高度以始终保持固定大小。这是我的代码:

class App extends Component {
  render() {
    return (
      <div className="App">
        <Container>
          <Header />
          <Segment />
        </Container>
      </div>
    );
  }
}

enter image description here

最佳答案

您可以在组件或内部的任何 div 上设置 minHeight 样式/css:

<Segment style={{ minHeight: 15 }} />

关于javascript - 如何在语义-ui react 中设置最小高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47070207/

相关文章:

javascript - 容器内的 jQuery 捕捉元素

javascript - 输入类型=电子邮件元素的 AngularJS ng-model 绑定(bind)问题

javascript - 想要一个按钮,但必须在类型=文件的地方使用输入?

以 PHP-Variable 作为传递参数的 JavaScript 调用函数

html - 绝对定位的元素在动画完成后移动

javascript - 如何显示我使用指令上传到 Controller 的图片

javascript - HTML : Body bigger height than its content

html - 悬停时将内容置于图像上方

javascript - primeng 覆盖面板 appendTo ="body"替代 css

javascript - 调整文本大小以完全填满容器