小编Mil*_*ern的帖子

div内的可滚动画布

我有一个html5画布.我需要在div(Div1)中显示它的固定部分.当我在里面滑动时Div1,我需要滚动画布.所以当我滚动时,我会看到画布的相应部分.

在此输入图像描述

我试过这样的事情:

<div id="Div1" style=" float: left; width: 50px; overflow:hidden; ">
   <canvas id="myCanvas1" width="200px" style="border: 1px solid #ff0000; position: absolute;">
   </canvas>
</div>
Run Code Online (Sandbox Code Playgroud)

jsFiddled here

html javascript css jquery html5

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

寻找支持对齐属性,多个span或div元素,多列的OSD

请告诉我是否有用于Xorg/Linux平台的OSD 屏幕显示程序技术,它可以以比pango更丰富的方式呈现XML,至少支持align属性和多个span或div元素,因此它可以显示多个列.

例如chipmunkav osd

到目前为止我检查了什么:

  • gnome-osd-client呈现XML,但gnome-osd-client提供非常简单的XML pango

  • osd_cat但它不带任何XML.

  • navit有一些使用osd的OSM数据XML,但难以理解.

如果没有这样的osd程序,请告诉我

  • 具有不同后端支持的HTML渲染器可以编程为使用OSD显示.

  • 来自在后端使用osd的其他现有包(如navit)的相关源可用于呈现此类XML.

我的问题是我实际上使用了pango,但它不够灵活,无法满足我在多列中显示XML的需求.

user-interface gnome renderer pango xlib

10
推荐指数
0
解决办法
230
查看次数

有没有办法通过向父级添加内联样式来隐藏父div /容器内的所有div?

我试图通过向父div添加内联样式来确定是否可以隐藏父容器内的所有子div.我试过了两个visibility: hidden;,display: none;似乎都没有隐藏孩子的div.我以为我可以使用一些jquery循环遍历所有子div并为每一个添加内联样式,尽管我认为必须有一种方法可行.

这是一个例子:

CSS

  .hero-content {
      text-align: center;
      height: 650px;
      padding: 80px 0 0 0;
    }

    .title, .description {
      position: relative;
      z-index: 2
    }
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="hero-content">
   <div class="title"> This is a title </div>  
   <div class="description"> This is a description</div>  
</div>
Run Code Online (Sandbox Code Playgroud)

html css jquery css-selectors jquery-selectors

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

target ="_ blank"在firefox中不起作用?

target ="_ blank"无法使用firefox <a href="login.php" target="_blank" onclick="javascript:window.close();" > <img src="images/loginto-apply-but.gif" border="0"/> </a>

firefox target

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

表列max-width,省略号,nowrap:在IE 9中不起作用

为什么在Chrome和Firefox中使用椭圆以100px宽度正确截断列,但在IE中却没有?

<table style="table-layout:fixed">
    <tr>
        <td style="width:100px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap">QWRQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEEQWEQWEQWEQWEQWE</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

jsfiddled here

html css internet-explorer

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

在调整窗口大小时使div保持不变

首先是我的新程序员,所以不要快速判断:).无论如何,我一直在努力解决这个问题.问题是当我调整窗口大小(缩放任何东西)时,它会混乱我的所有元素.调整网站大小时,您应该看到比以前更少的内容.不要移动元素.

这是代码:

HTML:

<div id="leftblock">
   </div>



<div id="rightBlock">
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#leftblock {   

 margin-left: 20%;
 background-color: red;
 float: left;
 height: 100px;
 width: 3px;  

}



#rightBlock { 
 margin-right: 20%;
 background-color: red;
 float: right;
 height: 100px;
 width: 3px;


}
Run Code Online (Sandbox Code Playgroud)

为了确定我的意思,在编辑器中测试代码,然后尝试调整窗口大小.

jsFiddled here

html css

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

Java Swing Blank JFrame即将推出?

我是新手,并且想知道为什么有时我的应用程序会显示为空白,有时会显示组件.这似乎是零星的.没有抛出异常或类似的东西.它经常出现一个空白的JFrame.有时当我关闭应用程序并再次运行它时,它会正确显示组件,但它主要显示为空白.我在代码中做错了吗?我正在使用Eclipse IDE,如果重要的话.这是代码:

import java.applet.Applet;
import java.awt.BorderLayout;
import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.io.File;
import java.io.FileNotFoundException;
import java.util.ArrayList;
import java.util.Scanner;

import javax.swing.*;


public class Main extends JFrame implements ActionListener {
    private static final long serialVersionUID = 1L;
    JRadioButton randomRadioButton;
    JRadioButton uniqueRadioButton;
    JRadioButton participationRadioButton;
    ArrayList<Student> allStudents;
    JFrame mainFrame;

    public Main(){
        allStudents = new ArrayList<Student>();
        processAllStudents();
        mainFrame = new JFrame();
        mainFrame.setVisible(true);
        mainFrame.setSize(250, 400);
        mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        JPanel componentHolder = new JPanel();
        componentHolder.setLayout(new GridLayout(5,1));

        JLabel titleText = new JLabel(" …
Run Code Online (Sandbox Code Playgroud)

java eclipse swing jframe

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

制作CSS按钮:放置文字

我正在尝试制作一个基本的CSS按钮。

尝试在按钮内垂直和水平居中放置文本时遇到错误。我有下面的HTML。

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
    #button
    {
      background:lightblue;
      border-radius: 30px;
      width: 15em;
      height: 3em;
      position:relative;
    }
    h1 {
      vertical-align: center;
      text-align: center;
    }
    </style>
    <title>Making a button...</title>
  </head>
  <body>
    <div id="button"><h1>Click Me</h1></div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

jsfiddle用于此问题:http : //jsfiddle.net/CRpvr/

有人告诉我有一种使用的变通办法line-height: 100%,但如果我需要多个行,则效果不佳。什么是最惯用且恰当的方法来完成此任务?

html css position

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

如何将2个文本输入字段合二为一?

我看到一些很酷的效果,将两个文本输入字段作为一个表单放在一个!我附上了一张图片给你看,所以你知道我的意思.有谁知道如何创造这样的东西?

可以用CSS完成吗?

在此输入图像描述

html css styles

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

动态下拉菜单,引导程序无法正常工作

我一直在使用bootstrap,我在尝试动态添加下拉菜单时遇到了一个问题.

这是我的JavaScript:

$(document).ready(function() {
 $("#clickHere").click(function(){
        $("#appendHere").html("<div class=\"dropdown\" style=\"display:inline;\"><a id=\"drop1\" href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\"><b class=\"caret\"></b></a><ul class=\"dropdown-menu pull-left\"><li><button>Analyse Now</button></li><li class=\"divider\"></li><li><button>Analyse Later</button></li></ul></div>");
 });

 $('#drop1').on('click', function(e){
  e.stopPropagation();
  $(".dropdown-toggle").dropdown('toggle');
 });
});
Run Code Online (Sandbox Code Playgroud)

这是HTML:

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li class="dropdown-submenu pull-left"> <a tabindex="-1" href="#">More options</a>
        <ul class="dropdown-menu" id="mainMenu">
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second …
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap

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

&lt;div&gt; 中的 &lt;div&gt; 标签使用 importXML Xpath 查询,在 Google 电子表格中

我在 Google 文档中使用 Xpath 来获取里面的文本<div>。我想将其中的文本保存在<div id="job_description">Google 文档电子表格的一个单元格中,但每个<div>单元格都显示在单独的单元格中。

<div id="job_description">
    <div>
        <strong>
            Basic Purpose:
        </strong>
        <br></br>
    </div>
    <div>
        Work closely with developers, product owners and Q…
        <br></br>
    </div>
    <div>
        The Test Analyst is accountable for the developmen…
        <br></br>
    </div>
    <div>
        <strong>
            Duties and Responsibilities:
        </strong>
    </div>
    <ul>
        <li></li>
        <li></li>
    </ul>
    <div>
        <strong>
            Requirements:
        </strong>
        <br></br>
    </div>
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

图片:http : //i.stack.imgur.com/K0mAY.png

这是我写的代码:

=IMPORTXML(E4,"//div[@id='job_description']")
Run Code Online (Sandbox Code Playgroud)

你能帮我把所有的文本(包括<div> <ul>......)放在<div id="job_description">一个单元格中吗?

html xpath spreadsheet google-docs

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