小编Mr.*_*ien的帖子

Webkit Overflow Scrolling导致div不显示？

我的网站内容处于绝对位置div,可以填满整个屏幕.这个div上的滚动通常是笨重的,因为它不是原生动量滚动.解？附加-webkit-overflow-scrolling: touch;到div.

动量滚动现在可以工作,但是当我向下滚动页面时,div元素没有显示出来.控制台显示没有错误,实际页面没有任何问题,但个别帖子(div的)没有显示.这是一个例子:

在此输入图像描述

任何人都可以在他们的iPad上确认这一点,或建议修复？我宁愿不使用可滚动性的东西.可能是iOS6测试版引起了这种情况,但我想要放心.

您可以在iPad上查看此站点

_{如果有人要我解释我的书签,我很乐意这样做.}

html css mobile-safari ios

Cha*_*lie

2012 07-23

6
推荐指数

1
解决办法

6037
查看次数

hcard概念如何在HTML中工作

所以最近我正在读一本名为Adaptive Webdesign的书,我遇到了一个叫做hcard,hcalendar的东西,我去了它的各自的文档页面.现在问题是我不明白这是如何工作的？它用来表示人......标记就是这样的

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>

Run Code Online (Sandbox Code Playgroud)

现在我知道这些类的含义就像是url指示给定链接将用户带到网页并fn表示格式化名称等......

那么这些类是否指向搜索引擎内容是一个hCard或它呈现不同的等等.有人可以解释我这是如何工作的,这样做的好处是什么,从SEO的角度来看这是否很重要并且这些类是这些类预定义？

编辑:这些课程保留了吗？如果我将它们用于其他元素怎么办？是否有任何javvascript我可以调用onclick一个按钮来保存计算机/用户设备上的vcard？

html microformats

Mr.*_*ien

2012 10-14

6
推荐指数

1
解决办法

355
查看次数

为什么我的数据库名称中的下划线是破坏phpMyAdmin数据库列表

最近我test_test在phpMyAdmin中创建了一个名字的数据库,在我创建它之后,左侧的数据库列表突然被破坏了,这是一个bug还是我应该_在数据库名称中忽略？

预习

localhost屏幕

在此输入图像描述

在选择test_test数据库

在此输入图像描述

php phpmyadmin

Mr.*_*ien

lucky-day

6
推荐指数

1
解决办法

2138
查看次数

:last-child选择器对性能有害吗？

我:last-child多次使用选择器,主要是border-bottom在我border: none;用于最后一个孩子的列表中使用时,或者在使用边距时.所以我的问题是,:last-child从性能的角度来看,选择器是不是很糟糕？

另外我听说它已经从CSS2规范中删除了,因为使用:first-child很容易让浏览器检测到,但是为了检测:last-child它需要循环回来.

css performance css-selectors css3

Mr.*_*ien

2013 04-22

6
推荐指数

1
解决办法

1748
查看次数

HTML/CSS:在中间清除浮动元素而不添加不需要的标记

大多数clearfix技术都涉及在父容器的最底部添加内容,并且我更喜欢伪元素方法,因为它不会将不需要的元素添加到HTML中.

然而,最近我发现我正在处理一个有一些孩子漂浮但不是全部的容器.假设前两个孩子第一个漂浮在左边,第二个漂浮在右边.我需要一种方法来清除第二个元素之后的浮动,因此下面的内容不会被挤压在它们之间.有没有办法清除中间的浮动元素,但没有添加clearfix元素？

以下是一个例子:

HTML

<div class="container">
    <div class="child">
        first child!
    </div>
    <div class="child">
        second child!
    </div>
    <div class="child">
        third child!
    </div>      
</div>

Run Code Online (Sandbox Code Playgroud)

CSS

.container {
    width: 200px;
}

.child:nth-child(1) {
    float: left;
    background: yellow;
}

.child:nth-child(2) {
    float: right;
    background: red;
}

.child:nth-child(3) {
    background: blue;
    color: white;
}

Run Code Online (Sandbox Code Playgroud)

请看这个jsfiddle,看看我现在有什么.

html css css-float clearfix

Xav*_*_Ex

2013 11-21

6
推荐指数

1
解决办法

2544
查看次数

我应该如何使用CSS在文本和边框之间添加一些空格

我是编程新手,也是HTML的初学者.我正在乱搞一个无序的列表来制作一个导航页面,我遇到了一个我无法解决的问题.单词周围的每个边框都非常封闭,我不知道如何使边框内的区域更大,这意味着我希望边框离这个单词更远.我知道它看起来很糟糕,但我真的只是专注于让它正常工作而不是让它看起来很好.任何帮助都会很棒,谢谢!

这是我的HTML:

<!doctype=html>

<html>

<head>
    <meta charset="utf-8" />
    <title> Test Title </title>
    <link rel="stylesheet" href="../CSS/style.css" />
</head>

<body>
<div class="wrap">
    <h1 class="test"> Blah Blah </h1>
    <ul>
        <li class="navigation"><a class="navitem" href="#"> Blog </a></li>
        <li class="navigation"><a class="navitem" href="#"> Facebook </a></li>
        <li class="navigation"><a class="navitem" href="#"> Twitter </a></li>
        <li class="navigation"><a class="navitem" href="#"> About </a></li>
    </ul>
</div>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

这是我的CSS:

.wrap
{
    width: 1000px;
    height: 800px;
    margin: auto;
    background-color: black;
    color: white;
    font-family: sans-serif;
    text-align: center;
}

.navigation
{
    display: inline;
    list-style: none;
    padding-right: 50px; …

Run Code Online (Sandbox Code Playgroud)

html css

Daa*_*aas

2013 12-31

6
推荐指数

1
解决办法

2万
查看次数

我可以在div中使用text-align吗？

有什么方法可以将文本对齐div但不使用text-align.我不想将它与特定位置(中心,左边等)对齐,但我想将它对齐到我想要的像素.例如值中心和左边.另外我不想在里面使用另一个元素div.

我看起来像这样:

HTML

<div id="div">TEXT</div>

Run Code Online (Sandbox Code Playgroud)

CSS

 #div{
    text-align:220px;
    }

Run Code Online (Sandbox Code Playgroud)

有任何想法吗？

html css text-align

laa*_*sto

2014 01-06

6
推荐指数

2
解决办法

3万
查看次数

如何使用CSS使直通比文本/元素更宽/更大

你能告诉我如何强制CSS使line-through财产比元素更广泛width吗？

例如

<h3 style="text-decoration:line-through">50</h3>

Run Code Online (Sandbox Code Playgroud)

结果看起来像在此输入图像描述现在我怎么能让线条比元素更宽更明显？

喜欢在此输入图像描述

html css css3 line-through

use*_*110

2014 02-01

6
推荐指数

1
解决办法

2394
查看次数

put display:嵌套显示内嵌元素:块元素不起作用？

看这个例子:

http://jsfiddle.net/aLrfmyqm/

p {
    display: inline;
}
    
em {
    display:block;
}

Run Code Online (Sandbox Code Playgroud)

<p> Outer inline <em>Block <p>Inner inline</p></em></p>

Run Code Online (Sandbox Code Playgroud)

我希望<p>Inner inline</p>它内联Block,然而,它从一个新的行开始.有没有人有这个想法？谢谢!

html css css3

Han*_*Sun

2015 06-12

6
推荐指数

1
解决办法

666
查看次数

如果border-radius [OSX],Chrome 48会添加滚动条

最近我将我的Chrome更新为v48,我遇到了一个奇怪的错误.所以我有一个非常简单的标记,<pre>带有一些基本样式的标记

pre {
  border: 1px solid #dedede;
  overflow: auto;
  width: 90%;
  margin: auto;
  margin-top: 20px;
  border-radius: 3px;
  background-color: #f7f7f7;
}

Run Code Online (Sandbox Code Playgroud)

现在的问题是,如果我使用border-radius的pre标签,浏览器强制显示水平滚动条.如果我删除该border-radius属性,水平条将消失,并将按预期重新出现在滚动上.