小编Nav*_*yar的帖子

这是CSS:

div {
    width: 0;
    height: 0;
    border: 180px solid red;
    border-radius: 180px;
}

它如何产生下面的圆圈？

假设,如果矩形宽度为180像素,高度为180像素,那么它将如下所示:

应用border-radius 30像素后,它将显示如下:

矩形变得越来越小,也就是说,如果半径大小增加,矩形几乎会消失.

那么,180像素的边框如何height/width-> 0px变成半径为180像素的圆？

在joomla php中我可以$this->baseurl用来获取基本路径,但我想在jquery中获取基本路径.

基本路径可以是以下任何示例:

http://www.example.com/
http://localhost/example
http://www.example.com/sub/example

该example也可能改变.

以前我对宽度auto的假设就像它的内容一样,但是现在有了一点知识,它的工作就像它的块全宽一样.所以我在这里与宽度100%和宽度自动混淆.有谁能形容我这些与解释之间的差异？

我有一些数组值要添加一些前缀:

var arr = ["1.jpg","2.jpg","some.jpg"];

添加前缀images/应该导致:

newArr = ["images/1.jpg","images/2.jpg","images/some.jpg"];

有没有办法用下面的div标签替换img标签？

原创html:

<div class="article">
  <img src="/images/img-1.jpg" alt="alt for image">
</div>

替换为html:

<div class="article">
 <div style="background: transparent url(/images/img-1.jpg) no-repeat;
 background-position: center center; background-size: cover; width: 566px; 
 height: 576px;">alt for image</div>
</div>

(可选)也可以使用父div中的宽度和高度,即我的示例中的文章类而不是定义固定的width: 566px; height: 576px;？

如果可能,我想使用该str_replace功能.

str_replace('?????', '?????', $article);

编辑:

可能有多个带有类文章的元素,并且文章类div中可能还有其他元素,我需要将img更改为div.

EDIT2:

我的意思是好像我可能在文章div中有任何内容,只是想用div替换img.

我可能有:

<div class="article">
  <h1>heading</h1>
  <p>paragraph</p>
  <img src="/images/img-1.jpg" alt="alt for image">
</div>

或者我可能有:

<div class="article">
  <h3>heading</h3>
  <p><img src="/images/img-1.jpg" alt="alt for image"> some paragraph </p>
</div>

所以,我可能在.articlediv中有任何东西,我想从中将img替换为div

从:

<img src="/images/img-1.jpg" alt="alt for image" here-may-be-another-attribute-too> …

我在下面提供marginfix了一个块级元素,one并且two也是块级别,但这些是浮动的.这就是为什么它们在同一行布局上,但marginfix也没有浮动的原因,并且块级元素应该低于元素,如下所示

+--------------------+                                 +--------------------+
|                    |                                 |                    |
+--------------------+                                 +--------------------+
                        +--------------------------+
                        |                          |
                        +--------------------------+

但它的工作方式如下

+--------------------+ +--------------------------+  +--------------------+
|                    | |                          |  |                    |
+--------------------+ +--------------------------+  +--------------------+

这是HTML

<div class="wrap">
  <div class="one">one</div>
  <div class="two">two</div>
  <div class="marginfix">three</div>
</div>

CSS

.wrap{
  width: 500px;
  background-color: red; 
  position: relative;
  margin: 0 auto;
}
.one{
  width: 200px;
  float: left;
}
.two{
  width: 200px;
  float: right;
}
.marginfix{
  margin: 0 210px;
}

更新说明

有人可能会说marginfix包含浮动元素的剩余空间.如果是这样,如果我们改变html元素的顺序,为什么它不起作用.这个HTML不会像上面的html一样工作

<div class="wrap">
<div …

这将提醒23.

alert(parseInt('23 asdf'));

但这不会警告23但警告NaN

alert(parseInt('asdf 23'));

我如何从中获得数字'asd98'？

我有以下代码:

<input type="button" value="Print" onclick="window.print(); return false;">

哪个适用于所有浏览器,但它在ipad chrome浏览器中无效(不打开打印对话框).

我怎么解决这个问题？

但是如果我用chrome设置手动打印打印然后它的工作.

我以前从未见过如下(在bootstrap模板中看到):

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

那么,孤儿和寡妇是为了什么？

从doc,我发现如下所示使用命名空间:

@namespace foo url(http://www.example.com);
 foo|h1 { color: blue } 

但我想更多地了解这一点.我们为什么用它？