IE11中的Flex项目溢出

时间:2018-08-07 17:48:21

标签: css css3 flexbox internet-explorer-11

我有一个Flexbox容器,它是两列容器的一部分。除了IE11,这一切在Chrome,FF等中看起来都不错。它有两个孩子:

.container 
  h3 Title
  p body

和我的容器:

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 45px 25px;
position: relative;

在IE11中看起来像这样:

enter image description here

两侧都切掉的地方。

我尝试添加flex-basisflex: 0 1 [...]max-widthoverflow: hidden,但无济于事。它仍然不会阻止中断。我在做错什么吗?

1 个答案:

答案 0 :(得分:0)

我修复了它。在我的jQuery.ajax({ url: "{{ route('request_group') }}", method: 'data: { 'Gruppe': groupid }, success: function(data) { //code here }, error: function (jqXHR, exception) { //error handling } }) 标记中添加if ($query) { echo "success"; //whatever you want to show on success. } else { die(header("HTTP/1.0 404 Not Found")); //Throw an error on failure } 很奇怪。