Tag: html

firebug在doctype中返回语法错误?

为什么Firebug在我的文档types中返回一个错误? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 错误 syntax error <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 源代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> …..

如何把div放在页面的右上angular

如何使用css将页面浮动到页面的右上angular? 我想浮动下面的topcorner div: <p><a href="login.php">Log in</a></p> <div class="topcorner"><a href="home.php">Back to Home</a></div> login进去在它所做的左手边,我想把家里的链接放在其他的angular落,

HTML中的<pre>标记具有固定的宽度

我使用<pre>标签显示预格式化的文本(包括换行符,空格和制表符等),但没有换行符的大行显示在一行中,并添加了一个滚动条。 我想限制<pre>标签的宽度(这样,大的行被分解到新行,不需要滚动,这是可能的,还是有一些其他的标签,我可以使用? 代码是这样的: $.post("contr.php", q1, function(data) { $("#el_text").html("< pre>"+data+"< /pre>"); });

CSS:浮动div有0高度

我试图在另一个div中并排放置2个div,这样我可以有2列文本,外部div在两个边框之间绘制边框: HTML <div id="outer"> <div id="left"> … <div id="right"> </div> CSS #outer{ background-color:rgba(255,255,255,.5); width:800px; } #left{ float:left; } #right{ width:500px; float:right; } 但是,外部div注册的高度为0px,因此边框不会绕过其他div。 如何让外部的div认识到它里面的东西的高度?

使Android元视口缩放感觉:我错过了什么?

我一直在试图确定viewport和内部的内容如何受到用于使用WebView或本地浏览器绘制内容的视口元标记的影响。 我碰到的是一些明显的不一致。 我创build了一个小的页面(见下文)与图像和一些JavaScript来显示视口的大小,所以我可以直观地看到图像的缩放以及获取确切的数字。 首先,一些观察: 没有一个视口的宽度数字是我所期望的,只是接近。 当数字接近设备像素数量时,绘图实际上是一对一完成的,或者至less是可见的。 如果页面大小(文档大小)低于视口大小,则视口数字将缩小。 也就是说,视口不一定代表最大可能的可见空间 – 只是当前的可见空间。 同样,在本地浏览器中,视口大小由顶部栏进行调整。 滚动屏幕时,尺寸会增加。 给出的数字是全屏显示。 设备#1:物理屏幕是1024×600,它运行的是Android 2.2。 initial-scale = 1.0 => 676×400 initial-scale = 1.0,width = device-width => 676×400 initial-scale = 2,width = device-width => 338×200 initial-scale = 2,width = device-width,target-densitydpi = device-dpi => 507×300 initial-scale = 0.5,width = device-width,target-densitydpi = device-dpi => 800×473 initial-scale = 0.9,width […]

Angular JS:如何加载部分中的js文件

AngularJS非常新,我猜测我所要做的是延迟加载。 我看了几个不同的博客,我还没有find一个纯粹使用AngularJS的完整工作解决scheme。 我知道,如果我把<script src="js/process1.js"></script>放在index.html中,一切正常,我试图减lessjs的数量,加载。 在脚本标签坐在部分,它永远不会被加载,所以P1Ctrl永远不会被创build。 因此,目前,如果用户进入应用程序并且永远不会进入process55,那么即使用户从未使用过,用户仍然拥有用于process55的代码。 有没有一种方法来加载文件,并将process1.js中创build的对象插入到main中定义的应用程序中,在执行process1时? index.html的: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Large Angular App</title> <link rel="stylesheet" href="lib/foundation/css/foundation.min.css" /> </head> <body ng-app="largeApp" ng-controller="LargeAppController"> <div> <a href="#/home">Home</a> | <a href="#/process1">Process1</a> </div> <br/> <br/> <br/> <ng-view>Test</ng-view> <script type="text/javascript" src="lib/jquery/jquery.min.js"></script> <script type="text/javascript" src="lib/angular/angular.js"></script> <script type="text/javascript" src="lib/angular/angular-route.js"></script> <script type="text/javascript" […]

移动浏览器中的CSS3 100vh不恒定

我有一个非常奇怪的问题…在每一个浏览器和手机版本,我遇到了这种行为: 当你开始滚动页面时,所有的浏览器都有一个顶部菜单,当你加载页面(例如显示地址栏)时,它会向上滑动。 100vh仅在视口的可见部分计算,所以当浏览器栏向上滑动100vh时(以像素为单位) 所有的布局重新绘制和重新调整,因为尺寸已经改变 用户体验不好的跳跃效果 怎么能避免这个问题? 当我第一次听到视口高度,我很兴奋,我想我可以使用它的固定高度块istead使用JavaScript,但现在我认为唯一的方法来做到这一点实际上是一些resize事件的JavaScript … 您可以在示例站点查看问题 任何人都可以帮我/build议一个CSS解决scheme? 简单的testing代码: /* maybe i can track the issue whe it occours… */ $(function(){ var resized = -1; $(window).resize(function(){ $('#currenth').val( $('.vhbox').eq(1).height() ); if (++resized) $('#currenth').css('background:#00c'); }) .resize(); }) *{ margin:0; padding:0; } /* this is the box which sould keep constant the height… min-height to allow […]

如何使用HTML / CSS UI构build本地C ++应用程序?

在用户界面中使用HTML和CSS时可以开发一个C ++程序吗? 我知道使用Webkit容器进行Javascript编程,但是我对C ++开发非常感兴趣。 当我在Windows下开发的时候,我感觉爱上了C#WPF,但是现在我转移到了Linux,并且还没有find一个使用标记接口的好工具。 为此,我想用C ++代码来混合HTML和CSS,这些代码非常轻巧,易于使用,就像WPF一样。 哦,还有一件事:我正在寻找桌面开发,而不是networking。

最小高度不适用于身体

min-height不能在body / html上工作吗? body, html { min-height:100%; } 完全没有任何东西(萤火虫报告的身体,HTML标签的高度并没有改变)

CSS列表样式图像大小

我试图用CSS在<ul>的列表项上设置自定义的SVG图标。 例: <ul> <li style="list-style-image: url('first.svg')">This is my first item</li> <li style="list-style-image: url('second.svg')">And here's my second</li> </ul> 问题是,图像太大,并拉伸线的高度。 我不想改变图像的大小,因为使用SVG的要点是按照分辨率进行缩放。 有没有一种方法来设置图像的大小使用CSS没有某种background-image破解? 编辑:这是一个预览(大图像故意select插图和戏剧): http : //jsfiddle.net/tWQ65/4/ 和我目前的background-image解决方法,使用CSS3的background-size : http : //jsfiddle.net/kP375/1/