小编Wea*_*.py的帖子

100%真正做到了什么?(多案例研究)

我目前正在建立一个完全响应的网站,我越努力理解,我就越不了解.主要是百分比.

我知道%是基于第一个定位的父级.但是,我在JSFiddle上做了一些例子,我有不同的结果:

小提琴

在所有示例中,我们都有相同的基础:

HTML:

<div class="example">  
  <div class="container">  
    <div class="item"></div>
  </div>   
</div>
Run Code Online (Sandbox Code Playgroud)

divs的CSS属性:

  1. .example块有position: relative.它有width: 60%(他的父母:身体).
  2. .container块有position: static.它有一个宽度:80%(这个时间.example因为它是一个相对块).

我的问题:

当我想移动.item,而不是块.example大小,但每个CSS属性我使用(margin-left,left,transform等),100个%会导致不同的大小.此外,如果我改变用于定位.item(static,relative等)的尺寸是不同的再.

有人可以解释为什么100%.item是不同的margin,lefttransform

html css width css3 percentage

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

使用javascript将CSV文件读入数组

我正在尝试做一些我认为相当简单的事情,但我错过了一些东西。我对 Javascript 很陌生。我正在尝试将 CSV 文件读入数组(在下面的代码中,我只是尝试将数据输出到警报框)。我不断收到错误“访问被拒绝”。

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, true);
  rawFile.onreadystatechange = function () {
    if(rawFile.readyState === 4) {
      if(rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        alert(allText);
      }
    }
  }
  rawFile.send(null);
}
Run Code Online (Sandbox Code Playgroud)

我怀疑 csv 文件所在的位置有问题?由于我们的 CMS 的限制,我只能引用这样的文件 www.example.com/csvfile.csv。

任何帮助将不胜感激。

javascript csv

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

条带表JavaScript

我正在尝试制作一个能够显示奇数和偶数表行颜色的表,不知道我哪里出错了

HTML:

<table id="tableStyles" border="1">
  <th>Heading 1</th>
  <th>Heading 2</th>
  <th>Heading 3</th>
  <tr>
    <td>Odd</td>
    <td>Odd</td>
    <td>Odd</td>
  </tr>
  <tr>
    <td>Even</td>
    <td>Even</td>
    <td>Even</td>
  </tr>
  <tr>
    <td>Odd</td>
    <td>Odd</td>
    <td>Odd</td>
  </tr>
  <tr>
    <td>Odd</td>
    <td>Odd</td>
    <td>Odd</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

JS:

var isEven = function(someNumber) {
  return (someNumber%2 == 0) ? true : false;
};
if isEven = true {
  var styletab = document.getElementsByTagName("tableStyles");
  var cells = table.getElementsByTagName("td"); 
  for (var i = 0; i < styletab.length; i++) {
    styletab[i].style.fontSize = "12px";
    styletab[i].style.color = "blue";
  }

} else { …
Run Code Online (Sandbox Code Playgroud)

javascript dom

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

Python编织列表

我想把两个编号"编织"在一起.

例:

x = [1,2,3]
y = [4,5,6]

result = [1,4,2,5,3,6]
Run Code Online (Sandbox Code Playgroud)

这是我的功能,我无法找出它为什么不起作用:

def weave(list1,list2):
    lijst = []
    i = 0
    for i <= len(list1):
        lijst += [list1[i]] 
        lijst += [list2[i]] 
        i + 1
Run Code Online (Sandbox Code Playgroud)

python function

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

有没有办法在悬停时只为部分图像着色?

我想用HTML,CSS和jQuery编写简单的图像绘画.

假设我有一张原始图像,我想让它变成彩色但只是部分悬停(或10x10px正方形或光标所在的图像圈).

我应用了一些过滤器使其成为灰度级的CSS,但我不知道如何着色仅悬停部分(不是整个图片).

最佳结果的示例图像(保持彩色建议会很好,但不一定).

在此输入图像描述

html javascript css css3 css-shapes

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

如何组合垂直和并排<div>布局

我正在尝试构建按钮布局.我已经工作了一段时间,但我怀疑我的代码会有助于理解我的问题.我在下面的图片中包含了按钮的规格.如果你们可以告诉我如何制作这个布局,我将不胜感激.

在此输入图像描述

html css layout button

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

如何在CSS中对图像进行切片

我想使用 CSS 对 html 文档中的图像进行切片。

这是我想要对图像进行切片的方式。我用红色掩盖了它:

在此输入图像描述

<div class="img_section" >
  <img src="http://i62.tinypic.com/1zbcqhg.jpg"  alt="sliced-image" >
</div>
Run Code Online (Sandbox Code Playgroud)

我不想使用遮罩层来隐藏图像,因为文档的背景不是纯色。我使用 border-radius 属性来做到这一点,但我做不到。如果 CSS 无法实现,那么 js 也不能实现吗?

html javascript css

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

如果点击其他按钮不起作用

我点击按钮时尝试做某事,下面的示例代码.

小提琴

$(":button").click(function() {
   if ($(this).prop("id") == "update") {
        alert("Update clicked");
    }
    else {
        alert("Add clicked");   
    }
}); 
Run Code Online (Sandbox Code Playgroud)

这适用于小提琴,但奇怪的是在我的localhost上不起作用.

Uncaught SyntaxError: UnExpected token Illegal在这一行得到一个错误():

if ($(this).prop("id") == "update") {
Run Code Online (Sandbox Code Playgroud)

我正在使用jQuery 1.10.0.

知道为什么吗?

jquery

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

如果列表有重复项,如何返回布尔语句?

我将如何编码以从列表返回FalseTrue使用for循环等l

我应该有一个计数器来计算重复项吗?我想我可以使用点计数符号来计算它们有多少重复项。如果计数超过2,就会返回False

l = [1, 2, 2, 3, 4, 4]

def allDifferent1D(l):
    for i in l:
        print(l.count(i))
        if l.count(i) > 1:
            return False
Run Code Online (Sandbox Code Playgroud)

现在正在返回:

1
2
Run Code Online (Sandbox Code Playgroud)

python

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

如何使用CSS使HTML元素显示在垂直线上?

问题形象:

在此输入图像描述

如何使用CSS从左边的那个到右边的那个?

html css

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

标签 统计

css ×5

html ×5

javascript ×4

css3 ×2

python ×2

button ×1

css-shapes ×1

csv ×1

dom ×1

function ×1

jquery ×1

layout ×1

percentage ×1

width ×1