小编Jug*_*aut的帖子

在div的每个角落放置4个html元素

您好,感谢您的帮助.我有一个div(180px到75px),我需要放置3个paragraphes和一个图像.现在我需要将这些元素放在所有div角落中.它应该看起来像这样 - >(我不允许发布图片.我希望你能理解它.)

这就是div应该是什么样子(每种颜色都是一个元素),但我似乎无法将描述带到右边.

http://i.imgur.com/bE87euS.png

但无论我如何使用"display:inline-block"或"float",我都无法使用它.

我希望你们中的一些人能给我答案吗?

<div style="width:180px; height: 75px; background-color: green;" id="achievement">
    <div>
      <p style="display: inline-block; margin: 0px" id="title">Title Title Title</p>
      <p style="margin:0px; float:right;" id="exp">500 exp</p>
    </div>
    <div>
      <img style="padding-left: 10px;" id="img"width="50" height="50" src="image.png"/>
      <p style="float:right; margin: 0px;" id="desc">Bla Bla Bla this is a description</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

(我当然使用extern css文件.我只是使用了样式标记,让你更容易理解.)

html css

7
推荐指数
1
解决办法
7226
查看次数

CSS网格-IE 11重叠

这个问题以前曾在这里被问过,甚至被标记为重复,但是没有任何解释或答案可以真正解决提出该问题的人的问题,所以我在尝试一次,因为每个人都说IE 11如果正确使用,则支持css-grid。

我有最基本的CSS-Grid,在其中我也使用-ms-前缀,但是由于某些原因,在IE 11中,网格元素将放置在彼此的顶部,而不是预期的行为。

这是一个基本的网格,您可以在其中看到问题

.grid {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: 50% 50%;
  grid-template-columns: 1fr 1fr;
}

.cell {
  border: 1px solid black;
}
Run Code Online (Sandbox Code Playgroud)

http://jsbin.com/wuxaridabo/1/edit

Internet Explorer 11-网格重叠问题

css internet-explorer-11 css-grid

5
推荐指数
1
解决办法
1709
查看次数

使用 JavaScript fetch 检查 YouTube 缩略图是否存在

我知道类似的问题已经被问过很多次了,但我仍然无法找到解决方案,甚至无法找到这种方式的解释。

我从事的项目需要 YouTube 缩略图的最佳分辨率。我使用了以下网址https://i.ytimg.com/vi/VIDEOID/maxresdefault.jpg,但我发现在极少数情况下这不起作用,我会得到一个占位符图像和 404 状态。在这种情况下我想使用https://i.ytimg.com/vi/VIDEOID/hqdefault.jpg.

为了检查图像是否存在,我尝试使用 JavaScript 发出获取请求:

const url = "https://i.ytimg.com/vi/VIDEOID/hqdefault.jpg"
fetch(url).then(res => console.log(res.status))
Run Code Online (Sandbox Code Playgroud)

但我收到一条错误消息,指出缺少 CORS 标头“Access-Control-Allow-Origin”。我尝试设置它和我找到的其他几个标头,但无济于事。仅当我以无相关模式发送请求时它才有效,但状态始终为0并且所有其他数据似乎也丢失了。

我还在 Postman 中测试了该请求,甚至复制了 Postman 给我的 JavaScript-Fetch-Snipped:

var requestOptions = {
  method: 'GET',
  redirect: 'follow'
};

fetch("https://i.ytimg.com/vi/VIDEOID/maxresdefault.jpg", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));
Run Code Online (Sandbox Code Playgroud)

我读到这是服务器的问题,并且 Youtube 限制了这一点,但是为什么它在 Postman 中工作以及为什么在<cfhttp>ColdFusion 中使用时工作?此外,状态代码甚至会显示在控制台中的 CORS 错误消息中......

javascript youtube fetch

5
推荐指数
1
解决办法
1259
查看次数

Javascript - 选择元素子元素的第一个元素

我有以下HTML:

<div class="list">
<div class="items">
    <ul>
        <li>IMPORTANT</li>
        <li>...</li>
        <li>...</li>
        <li>...</li>
        <li>...</li>
        <li>...</li>
    </ul>
    <ul>
        ...
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我想通过Javascript在div"列表"中的div"items"中的第一个"ul"中选择第一个"li".

html javascript select

3
推荐指数
2
解决办法
9579
查看次数

SQL - 无法检查是否为NULL

如果我有以下SQL:

SELECT * FROM users LEFT JOIN friendship ON users.username = friendship.user_name
Run Code Online (Sandbox Code Playgroud)

我得到以下结果

在此输入图像描述

但是如果我在最后添加以下WHERE,我根本得不到任何结果!

SELECT * FROM users LEFT JOIN friendship ON users.username = friendship.user_name WHERE friendship.friend_name = NULL
Run Code Online (Sandbox Code Playgroud)

有人知道这里有什么问题吗?(我有一段时间没用过JOIN,你必须知道)

sql select join

1
推荐指数
1
解决办法
85
查看次数

获取最新推文 - 什么API

我知道这里已经讨论了很多,但我似乎仍然无法找到工作解决方案.要么它已经过时了,它是错误的编程语言,或者它不再受支持.

我想做的就是:使用PHP/JavaScript从公共Twitter个人资料中获取最后的'n'个推文.

我应该使用哪种API?
如何保持尽可能轻量级?
我不能使用Node.JS

我尝试了这个,但我似乎无法让它工作,就像它看起来一样简单. 使用Twitter API 1.1版检索user_timeline的最简单的PHP示例

我已经注册了开发者帐户并创建了一个"Twitter-App".

php twitter

1
推荐指数
1
解决办法
5420
查看次数

jquery选择包含其他元素的所有元素

我有以下html(简化)

<nav>
 <ul>

  <li>
  </li>

  <li>
   <ul>
   </ul>
  </li>

  <li>
   <ul>
   </ul>
  </li>

 </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

现在我想选择包含<ul>的所有<li>并编辑它们.例如,改变bg-color.

我怎样才能做到这一点?提前致谢.

html css jquery

-4
推荐指数
1
解决办法
49
查看次数

标签 统计

css ×3

html ×3

javascript ×2

select ×2

css-grid ×1

fetch ×1

internet-explorer-11 ×1

join ×1

jquery ×1

php ×1

sql ×1

twitter ×1

youtube ×1