小编Dan*_*nny的帖子

所以,我将我的父元素定位为相对,以便允许工具提示元素在其顶部位于绝对内部.我知道你需要添加"left:0,right:0",这样元素的宽度仍然可以设置为auto,我已经完成了.但是,我的父元素有一个固定的宽度,工具提示被限制,因此自动宽度不能超出它,是否有任何解决方法？

CSS:

.parent {
  position: relative;
  width: 100px;
  height: 100px;
}

.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: auto;
  padding: 5px 10px;
}

内容:

<div class="parent">
  <div class="tooltip">Text goes here</div>
</div>

请不要JS,寻找CSS解决方案,谢谢!

我对jQuery和Ajax函数比较陌生,但过去几天一直在使用Ajax表单.我遇到了文件上传的问题,但是在尝试上传图片时.在寻找资源的同时,我找不到任何有用的东西,因为它们似乎过于复杂,没有任何无意义的额外内容,或者没有任何解释,这无助于我进一步学习.

我编写了这段代码来处理Ajax中的图像上传:

$(function() {
    $('.input_photo').on("change",function() {                              
        var formData = new FormData($('form.upload-form'));

        $.ajax({
            url: "upload.php",
            type: "POST",
            data: formData,
            success: function (msg) {
                alert(msg)
            }
        });
    });
});

这会向upload.php文件发送请求,但是没有数据发送,基本上我的表单就是这样:

<form class="upload-form">
     <input type="file" name="input_photo" class="input_photo" />
</form>

似乎没有数据在头文件中传递,我想我会通过PHP使用$_POST['data']数组或$_FILES？有更好知识的人请帮助解释一下,进一步理解这一点会很棒.谢谢.