草庐IT

带有绝对位置的 HTML 打印

是否可以将具有真正绝对定位元素的HTML页面打印到纸上?似乎所有浏览器都在这里搞得一团糟。通过绝对单位(例如cm)定义主体并通过position:absolute将元素放置在内部很容易。然而,每个浏览器似乎都试图使打印这样的页面变得不可能。例如,FF正在添加打印边距,即使在Linux上打印为PDF时,尽管页面设置为0-margin。Chrome似乎在每种情况下都会缩小页面。那么如何打印具有绝对定位的东西,例如。纸质表格字段、标记等?我是否忽略了什么? 最佳答案 可悲的是,CSS3Module:PagedMedia允许这一切发生。这是

带有绝对位置的 HTML 打印

是否可以将具有真正绝对定位元素的HTML页面打印到纸上?似乎所有浏览器都在这里搞得一团糟。通过绝对单位(例如cm)定义主体并通过position:absolute将元素放置在内部很容易。然而,每个浏览器似乎都试图使打印这样的页面变得不可能。例如,FF正在添加打印边距,即使在Linux上打印为PDF时,尽管页面设置为0-margin。Chrome似乎在每种情况下都会缩小页面。那么如何打印具有绝对定位的东西,例如。纸质表格字段、标记等?我是否忽略了什么? 最佳答案 可悲的是,CSS3Module:PagedMedia允许这一切发生。这是

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - 由于位置为 :absolute which is outside of the page 的 DIV,禁用水平滚动条

我有一个位于页面“外部”的绝对定位元素,但我希望浏览器(我使用的是Firefox3)不显示水平滚动条。似乎显示位于左侧的div(例如具有“left:-20px”)是可以的,并且没有显示滚动条。然而右边的同样的东西(“right:-20px”)总是显示滚动条。是否可以隐藏滚动条,但可以保持标准滚动?我的意思是我只想禁用这个绝对定位元素的滚动,但要继续滚动其他元素(我知道我可以完全禁用滚动条,这不是我想要的)。elementelementHelloworld 最佳答案 是的,可以在您的html标签上键入style="overflow-x

html - 由于位置为 :absolute which is outside of the page 的 DIV,禁用水平滚动条

我有一个位于页面“外部”的绝对定位元素,但我希望浏览器(我使用的是Firefox3)不显示水平滚动条。似乎显示位于左侧的div(例如具有“left:-20px”)是可以的,并且没有显示滚动条。然而右边的同样的东西(“right:-20px”)总是显示滚动条。是否可以隐藏滚动条,但可以保持标准滚动?我的意思是我只想禁用这个绝对定位元素的滚动,但要继续滚动其他元素(我知道我可以完全禁用滚动条,这不是我想要的)。elementelementHelloworld 最佳答案 是的,可以在您的html标签上键入style="overflow-x

html - 带 CSS/HTML 的页码

出现了一个有趣的用例,我们要求在打印网站时,打印的副本将有页眉和页脚,页脚内有页码。有人知道如何实现这一目标吗?注意:浏览器版本可以是最新的,客户端是其他网络开发者。 最佳答案 取决于您所需的浏览器支持。@page{@bottom-right{content:counter(page)"of"counter(pages);}}进一步阅读:http://www.w3.org/TR/css3-page/http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-pa

html - 带 CSS/HTML 的页码

出现了一个有趣的用例,我们要求在打印网站时,打印的副本将有页眉和页脚,页脚内有页码。有人知道如何实现这一目标吗?注意:浏览器版本可以是最新的,客户端是其他网络开发者。 最佳答案 取决于您所需的浏览器支持。@page{@bottom-right{content:counter(page)"of"counter(pages);}}进一步阅读:http://www.w3.org/TR/css3-page/http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-pa

html - 我可以重新设计所有 Bootstrap 元素的巨大 'asset page' 吗?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭5年前。Improvethisquestionhttp://twitter.github.com/bootstrap/base-css.html查看所有示例元素,如h1、h2、h3、inputs等?我正在寻找一个简单的网页,其中包含每个Bootstrapinputs/forms/elements/etc,除此之外别无其他。然后我可以让我们的设计师用他自己的样式修改基础CSS文件,并可以刷新Assets页面以查看他

html - 我可以重新设计所有 Bootstrap 元素的巨大 'asset page' 吗?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭5年前。Improvethisquestionhttp://twitter.github.com/bootstrap/base-css.html查看所有示例元素,如h1、h2、h3、inputs等?我正在寻找一个简单的网页,其中包含每个Bootstrapinputs/forms/elements/etc,除此之外别无其他。然后我可以让我们的设计师用他自己的样式修改基础CSS文件,并可以刷新Assets页面以查看他