小编Pau*_*ite的帖子

HTML5视频编解码器支持

HTML5视频标记支持哪些编解码器?

它会因浏览器而异,还是会支持特定编解码器的规范?

video html5 codec html5-video

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

获取CSS元素以自动调整内容宽度,同时居中

我有一个CSS元素,它周围有一个边框,里面可能有一个或多个框,所以整个div的宽度会根据它内部有多少个框而改变.但是,我希望整个div都集中在屏幕上.

通常,为了集中注意力,我只使用:

margin-left: auto;
margin-right: auto;
Run Code Online (Sandbox Code Playgroud)

但是,这一次,我必须浮动元素或使其成为内联块,因此div的大小将调整为内容大小,如果我这样做,则margin-left和margin-right auto不起作用,它始终只停留在屏幕的左侧.

目前我有:

#boxContainer {
    display:inline-block;
    clear:both;
    border:thick dotted #060;
    margin: 0px auto 10px auto;
}
Run Code Online (Sandbox Code Playgroud)

我也试过float: left而不是display: inline-block.

有没有人知道一个好的方法,既可以将div集中在一起又可以同时调整内容大小?任何帮助将不胜感激.

css resize center

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

如何在Opera中创建CSS3渐变?

我可以在IE6/7/8/9/FF3.6 +和Chrome中创建CSS渐变(见下文).

我的问题是:

如何在Opera中创建渐变?

.gradient{
        /*Mozilla Firefox 3.6*/
        background-image: -moz-linear-gradient(top, #dcdcdc, #c6c6c6);

        /*Webkit aka Google Chrome*/
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c6c6c6),color-stop(1, #dcdcdc));

        /*Internet Explorer 6,7 and 8*/
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6');

        /*Internet Explorer 8 only*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6')";

        /* Opera */
        /* ??? */
}
Run Code Online (Sandbox Code Playgroud)

css opera gradient css3

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

除了JavaScript和VBScript之外,还有哪些客户端Web脚本语言?

  1. 除了JavaScript和VBScript之外,您看到了多少客户端脚本语言实现?我爱:type="text/C++Script",text/CSharpScript,text/oberonScript等.

  2. 如果我的浏览器支持这些语言,我该如何学习?

html browser client-side

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

你能在<option>元素中有多行吗?

有没有办法在元素中有多行<option>

像这样:

 -------------------------
| Normal <option> element |
 -------------------------
| <option> element broken |
| onto two lines          |
 -------------------------
| Normal <option> element |
 -------------------------
Run Code Online (Sandbox Code Playgroud)

有没有HTML/CSS方法,还是我应该使用JavaScript?

html javascript css jquery html-select

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

Apple彩色表情符号字体是如何工作的,是否有Android版本?

我在iPhone上看到有一种名为Apple Color Emoji的truetype字体.它包含iPhone上存在的表情符号,可用于任何应用程序.

我想知道:

  1. 这个字体是如何以多色显示的?!Truetype字体只能包含黑白字形.
  2. 可以在Android手机上使用这种字体或类似的字体吗?

iphone fonts android truetype emoji

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

如何在*表单提交事件后运行一些JavaScript*?

我正在处理一个可能需要几秒钟才能提交的HTML表单.我想在提交禁用表单中的某些字段.

我可以在表单submit事件的处理程序中执行此操作,但这会表单提交之前触发.如果我禁用了控件,那么它们的值不会包含在发送到服务器的后期数据中.

我尝试在我的处理程序中取消提交事件,submit从表单中删除我的事件处理程序,通过JavaScript自己提交表单,然后禁用控件,但问题是我需要知道用户点击了哪个按钮提交表格.此信息以原始格式提交,但显然不在我手动触发的信息中(因为没有点击按钮).

我可以尝试将此信息复制到我的手动表单提交中,但是有一种方法可以在表单提交后运行我的禁用代码吗?

html javascript forms

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

如何在JavaScript中检测设备触摸支持?

过去,当检测设备是否支持JavaScript中的触摸事件时,我们可以执行以下操作:

var touch_capable = ('ontouchstart' in document.documentElement);
Run Code Online (Sandbox Code Playgroud)

但是,true即使底层设备不支持触摸事件,Google Chrome(17.x.x +)也会返回上述检查.例如,在Windows 7上运行上面的代码返回true,因此如果我们将它与以下内容结合起来:

var start_evt = (touch_capable) ? 'ontouchstart' : 'onmousedown';
Run Code Online (Sandbox Code Playgroud)

在Google Chrome上,由于我们绑定了该事件,因此该事件永远不会被触发ontouchstart.简而言之,有没有人知道绕过这个的可靠方法?我目前正在运行以下检查:

var touch_capable = ('ontouchstart' in document.documentElement && navigator.userAgent.toLowerCase().indexOf('chrome') == -1)
Run Code Online (Sandbox Code Playgroud)

这远非理想......

javascript google-chrome javascript-events

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

CSS技巧*+ html做什么?

在我合作的项目中,我发现了很多这样的规则:

* + html {
    /.../
}
Run Code Online (Sandbox Code Playgroud)

我知道什么*+做什么,但我不明白什么是具有这种结构的意义呢?

我也发现了这个:

* html {
    /.../
}
Run Code Online (Sandbox Code Playgroud)

我找不到任何适用这些地方的地方.

AFAIK html每页都是唯一的,那么为什么不简单地使用html选择器呢?这有点神奇吗?

html css css-selectors

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

什么是HTML5元素的getCSSCanvasContext()方法?

getCSSCanvasContext()方法是什么?我在Chrome的debuging控制台中看到了它,但我找不到任何体面的文档.

这是否意味着我们可以在任何元素上使用canvas命令绘制?

javascript html5 canvas

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