我有一个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)
请告诉我是否有用于Xorg/Linux平台的OSD 屏幕显示程序或技术,它可以以比pango更丰富的方式呈现XML,至少支持align属性和多个span或div元素,因此它可以显示多个列.
到目前为止我检查了什么:
gnome-osd-client呈现XML,但gnome-osd-client提供非常简单的XML pango
osd_cat但它不带任何XML.
navit有一些使用osd的OSM数据XML,但难以理解.
如果没有这样的osd程序,请告诉我
具有不同后端支持的HTML渲染器可以编程为使用OSD显示.
来自在后端使用osd的其他现有包(如navit)的相关源可用于呈现此类XML.
我的问题是我实际上使用了pango,但它不够灵活,无法满足我在多列中显示XML的需求.
我试图通过向父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) target ="_ blank"无法使用firefox
<a href="login.php" target="_blank" onclick="javascript:window.close();" > <img src="images/loginto-apply-but.gif" border="0"/> </a>
为什么在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)
首先是我的新程序员,所以不要快速判断:).无论如何,我一直在努力解决这个问题.问题是当我调整窗口大小(缩放任何东西)时,它会混乱我的所有元素.调整网站大小时,您应该看到比以前更少的内容.不要移动元素.
这是代码:
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)
为了确定我的意思,在编辑器中测试代码,然后尝试调整窗口大小.
我是新手,并且想知道为什么有时我的应用程序会显示为空白,有时会显示组件.这似乎是零星的.没有抛出异常或类似的东西.它经常出现一个空白的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) 我正在尝试制作一个基本的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%
,但如果我需要多个行,则效果不佳。什么是最惯用且恰当的方法来完成此任务?
我看到一些很酷的效果,将两个文本输入字段作为一个表单放在一个!我附上了一张图片给你看,所以你知道我的意思.有谁知道如何创造这样的东西?
可以用CSS完成吗?
我一直在使用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) 我在 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">
一个单元格中吗?