小编car*_*noo的帖子

在屏幕中间对齐语义ui网格的最佳模式是什么？

这个css理想的是这个.

.div{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}

但是在语义上,这与网格看起来不太好.

这是我的HTML的一部分.

 <div class="ui grid container">
    <div class="ui center aligned three column grid">
      <div class="column">
      </div>
      <div class="column">
        </div>
      </div>
  </div>

我有使用jstree插件的代码.

$(".gems-tree").on('changed.jstree' , function( event , data ){
  console.log("folder clicked");
});

它的工作原理,但现在我想将文件夹中的图标更改为关闭打开,是否有办法实现这一目标？

注意

已经尝试过 data.node.state.opened = true只是为了查看文件夹图标是否发生了变化.

有没有办法使用Semantic-ui来完成这项工作？

我有这个按钮,看起来不错,但输入文件永远不会被调用.

<div class="ui icon big button">
        <i class="cloud icon"></i>
        <input type="file" id="hidde-new-file" style="display: none">
 </div>

有没有办法知道文件扩展名是图像？

我懂了。

image/png

已经尝试

var imageReg = /\.(gif|jpg|jpeg|tiff|png)$/i;
string = "image/png"
imageReg.test(string)

但是这个回报 false;