English 中文(简体)
如果在大约5个生成的DIV标签上加固,便容易将案文放在“显示:线”上?
原标题:Easy way to get text to "display:inline" when it is nested in about 5 generated DIV tags?

我可以把CSS类加到最外层的DIV和最内层的DIV标签上,“显示:内线”,但我无法与中间的一些人一道这样做。

标志就是这样......

<span>ABC</abc>
<div>
  <div>
    <div>
       XYZ
    </div>
  </div>
</div>

我喜欢ABC的案文与XYZ的案文一样,但由于DIV的标签,这些标签是按顺序排列的。

最佳回答

如果有理由有这么多的封套(你无法改变超文本等),你就可以将一个等级适用于最远的四级,然后使用继承法适用<代码>的显示:在线;。

<><><><>>><>>>>><>>>>>>

<span>ABC</abc>
<div class="wrapper">
  <div>
    <div>
       XYZ
    </div>
  </div>
</div>

<>CSS

.wrapper, 
.wrapper div {
    display: inline;
}
问题回答

加入最外围部分,例如myDiv

CSS:

.myDiv, .myDiv div {
    display: inline;
}

这使我的Div div和所有<代码>div内容从我的Div显示为线。

传真:

<span>ABC</span>
<div class="myDiv">
  <div>
    <div>
       XYZ
    </div>
  </div>
</div>

Demo: http://jsfiddle.net/waitinforatrain/nTPZY/





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签