3

在我的网站中，在 asp.net 4 / vb 中，我需要在页脚中包含一个类“ noprint ”，如print.css中所定义。但是我已经有一个 span 类，所以我将 div 标签包裹在它周围。而且我的 tr 和 td 都已经有课程了。

基本上，我的页脚中有这个：

知识库 | 联系我们 | 版权所有 © USS Vision Inc. 2012 | 888-888-8888

我唯一想要打印的就是电话号码。

我用

<div class="noprint">whatever I want omitted when printing</div>

这很好用。但是在查看网页时，我不希望888-888-8888出现在其他所有内容下方，所以我想我不能使用 div 标签。noprint 效果很好，但是有什么方法可以在我的页脚中使用 noprint，而不会由于 div 标签而将电话号码放在页脚的其余部分下方？感谢任何人都可以提供的任何帮助！

更新：我的print.css样式表如下所示：

@media screen
{
   /* whatever styles you have for display */
}

@media print
{
   .noprint { display: none; }
}

所以我不知道如何制作 div 标签display: inline，但我会四处寻找并尝试弄清楚！

4

6 回答 6

4

使用<span>.

但是，您可以使用 style 制作一个 div “内联” display: inline，但在这种情况下，您只需要一个<span>.

于 2012-09-23T06:54:02.097 回答
4

gd1 关于 span/div 和显示内联/块是绝对正确的，但在旁注中，我要补充一点，您要实现的目标通常是通过列表完成的（因为它实际上是页脚中的链接列表）

<ul class="footer">
  <li class="no-print">KnowledgeBase</li>
    ...
  <li>888-888-888</li>
<ul>

有一个类似的CSS

.footer li {
  list-style-type: none;
  display: inline;
  padding: 0 10px;
  border-right: 1px solid black;    
}

.footer li:last-child {
  border-right: none;
}​

希望有帮助

于 2012-09-23T07:06:03.277 回答
2

使用 CSS

<div style="display:inline" class="noprint">whatever I want omitted when printing </div>

如果不使用内联对应范围，正如已经说过的答案。但请记住，内联显示没有高度、上边距、下边距等块属性。

于 2012-09-23T06:58:19.777 回答
2

如果您仍想使用额外的 div，我建议使用 display:inline，但如果您只想让整个页脚同时包含两个类，您也可以这样做。

您可以像这样添加多个类：

<span class='footer lower noprint'></span>


在 CSS 中，这看起来像：

.footer.lower.noprint{ display:none; }


或者，“noprint”类也可以在不指定所有三个类的情况下工作。

这是一个例子：http: //jsfiddle.net/yKRyp/

于 2012-09-23T07:11:08.907 回答
1

设置好使用CSS的具体width和应用heightdivfloat

<div style='float:left; border:1px solid blue; width:100px; height:100px'>
div 1
</div>
<div style='float:left; border:1px solid red; width:100px; height:100px'>
div 2
</div><div style='float:left; border:1px solid orange; width:100px; height:100px'>
div 3
</div>

这里有一个活生生的例子

http://jsfiddle.net/AGWGs/

于 2012-09-23T06:53:42.217 回答
1

div是块型元素，通常用于分组和包含块型元素。但是，使用 CSS，您可以更改任何元素的显示类型。

在一个简单的例子中：

display:inline使元素内联显示，它们可以并排放置。spanelement 是一个内联元素。这不能使用仅块类型的 css 规则，例如：margin, padding, width, height...

display:block使元素显示为块。除非继承值或给定 CSS 规则，否则它们将占用一行很长的行，被阻塞。他们可以采用块类型的 CSS 规则。它们可以使用float. 但是，除非该行被清除（或） clear: left，否则浮动元素之后的元素将溢出前一个容器。clear:rightclear:both

display:inline-block使元素具有块功能，内联显示。float这与使用和制作内嵌显示的块类型元素非常相似。但是这个规则只支持 IE8+，所以我鼓励你使用浮动来保持最大的兼容性。

P.S: There are hacks that can be used to have display:inline-block feature used on IE5.5+.

于 2012-09-23T07:17:47.787 回答