小编Md.*_*rim的帖子

保证金:汽车不居中

来自网站的以下风格:http://6.470.scripts.mit.edu/css_exercises/exercise4.html

<style type="text/css">
  #sponsors {
         margin:auto;
         margin-top:50px;
         overflow: hidden;
         width: auto;
         display: inline-block;
  }
  div.image img {
         margin: 3px;
         border: 1px solid #ffffff;
  }
  div.image a:hover img {
        border: 1px solid;
  }
</style>
</head>
<body>
 <h1>Sponsors of 6.470</h1>
 <div id="sponsors">
   <div class="image"><a href=""><img src="images/appian.png" width="150" height="85"></a></div>
   <div class="image"><a href=""><img src="images/dropbox.png" width="150px" height="85px"></a></div>
   <div class="image"><a href=""><img src="images/facebook.png" width="150px" height="85px"></a></div>
   <div class="image"><a href=""><img src="images/nextjump.png" width="150px" height="85px"></a></div>
   <div class="image"><a href=""><img src="images/palantir.png" width="150px" height="85px"></a></div>
   <div class="image"><a href=""><img src="images/quora.png" width="150px" height="85px"></a></div>
   <div …
Run Code Online (Sandbox Code Playgroud)

css

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

css绝对定位,右对齐

我有以下代码:

<!DOCTYPE html>
<html>
<head>
  <style>
     img
     {
         position:absolute;
         right:50px;
     }
  </style>
</head>

<body>
     <h1>This is a heading</h1>
     <img src="logocss.gif" width="95" height="84" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

来自http://www.w3schools.com/cssref/tryit.asp?filename=trycss_position_right

如果我将h1的样式更改为:h1 {position:absolute; 右:50像素; 然后h1和img重叠.

现在我没有提到img或h1的最高位置.所以在第一种情况下,当h1没有任何风格时,img单独留下h1并占据h1之后的下一个可用空间并且与右侧对齐(相隔50 px).但是当我提到h1相距50px(绝对定位)时,img和h1都重叠了.现在因为我没有提到最高位置那么为什么不是img单独留下h1并跟随它(而不是重叠它)?我知道我们正在使用绝对定位,这会使模糊地指定顶部位置,为什么它会自动假设img必须占据顶部:0位置?如果h1占据顶部:0位置那么它很好,因为它是第一个元素.但是img应该尊重h1的空间.

在此先感谢您的帮助.

css

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

为什么以下正则表达式[^ 0-9!a-zA-z#\\ $%&'\\*\\ + \\ - /= \\?\\ ^ _` \\ {\\ | \\} 〜@ \\.] +对于String.split不起作用?

我有这个正则表达式:

[^0-9!a-zA-z#\\$%&'\\*\\+\\-/=\\?\\^_`\\{\\|\\}~@\\.]+
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用分割电子邮件地址

[Email]info@emerycommunications.com
Run Code Online (Sandbox Code Playgroud)

但是java中的以下代码:

String fileStr = "[Email]info@emerycommunications.com";

String invalidCharacters = "[^0-9!a-zA-z#\\$%&'\\*\\+\\-/=\\?\\^_`\\{\\|\\}~@\\.]+";

String[] tokens = fileStr.split(invalidCharacters);

for (String token:tokens) {
    if (token.contains("@")) {
        System.out.println(token);
    }
}
Run Code Online (Sandbox Code Playgroud)

给出这个输出:

[Email]info@emerycommunications.com
Run Code Online (Sandbox Code Playgroud)

作为invalidCharacters变量封面[,我完全无能为力].

java regex

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

标签 统计

css ×2

java ×1

regex ×1