草庐IT

single-page

全部标签

CSS & HTML5 : Position a <footer> at the bottom of the page? 没有包装器?

老问题。我需要定位一个页面底部的元素。但是我没有包装器div。我确实有以下结构......如果内容不够高,是否有一种简单的方法可以将页脚推到底部? 最佳答案 遇到这个问题,我想我会发布我遇到的问题。对我来说似乎是理想的方式。CSS:html{position:relative;min-height:100%;}body{margin:00100px;/*bottom=footerheight*/}footer{position:absolute;left:0;bottom:0;height:100px;width:100%;}HTM

javascript - 一个 HTML 页面上的多个表单 : how to restrict tabbing to a single form?

我目前正在build的网站与常规网站略有不同。所有站点内容都位于一个index.php文件中,而不是拥有多个单独的页面,并且用户使用绝对定位和javascript在站点之间“平移”页面。页面中也有几种不同的形式。有人告诉我不要担心迎合那些禁用Javascript的人,所以我们为页面上的所有表单选择了jQuery和JSON网络服务。现在一切正常,但存在一个轻微的可用性问题:制表符索引。由于存在多个表单,从一个输入字段跳转到下一个输入字段可能会导致用户在到达表单末尾然后再次跳转时突然跳转到站点的完全不同的部分。这在Firefox和Safari中尤其烦人,因为在这些情况下,在使用Tab键时按

javascript - 如何制作 JavaScript HTML 5 Canvas 图像 "page flip",就像您在 Flash 中常见的那样?

有没有人尝试过使用JavaScript和HTML5的canvas标签重新创建您在Adob​​eFlash中常见的图像翻页效果?有没有框架或者jQuery插件可以实现这种效果?Flash中的翻页功能允许您捕获模拟书页的一Angular并像翻真实书页一样翻页。我真的很想学习如何使用JavaScript和HTML5的Canvas标签来做到这一点,但不知道从哪里开始,也不知道需要什么公式。Examplepageflipinflash 最佳答案 您可能会看一下基于HTML5的翻页器的另一个(不错的)实现:http://jpageflipper

html - 狮身人面像,重组文本 : set color for a single word

有没有办法在sphinx中设置单个单词(或字符)的颜色??我很确定应该有一些标记,比如HTML的font标签。 最佳答案 在我的Sphinx动力上website,我结合使用:包含角色定义的重组文本文件,每种颜色定义一个-参见.special.rst(BitBucket链接)包含每个角色的颜色规则的CSS文件-请参阅hacks.css的第一行(BitBucket链接)然后,在每个我需要颜色的rST文件中,我首先在顶部导入.special.rst,或者手动导入:..include::.special.rst或者使用Sphinx的conf

html - Bootstrap 3 : text on the left and right in the page header

我正在尝试使用bootstrap3制作一个简单的页眉。这是代码:TextontheleftThistotherightbutonthesameline这是一个可以尝试的jsfiddle:http://jsfiddle.net/DTcHh/2450/基本上我只想在page-header的左右两侧放置文本,但在同一行。使用float:left和float:right的常用技巧与普通html一样“破坏”了page-header,这意味着文本已正确对齐,但显示在页眉之外(下方),页眉仍为空。有什么线索吗? 最佳答案 您可以使用“pull-r

html - 自举 Accordion : how to avoid page scroll when collapse or expand elements

尝试折叠或展开Accordion的元素时出现意外的页面滚动。也许我只是在Bootstrap网格系统上做错了什么?这是页面示例:如何避免这种刺激性影响?jsfiddle可用https://jsfiddle.net/Lfwvtyms/1/LonglonglonglonglonglongheaderheaderheaderheaderheaderheaderlnglasdlewqjFirstlistItem1Item2Item3AnotherlistItem1Item2Item3Divwithfixedheightheremyfooterhere 最佳答案

html - page-break-inside 在 Chrome 中不起作用?

我在一个页面上有一堆段落:.........这些段落的CSS规则是:p{margin:20px0;page-break-inside:avoid;}现场演示:http://jsfiddle.net/KE9je/2/show/如果我正确理解了page-break-inside属性,以上内容应该确保没有段落在两页之间被拆分。(一个段落要么显示在“当前”页面上,要么如果它不完全适合,则移至下一页。)这在Chrome中似乎不起作用。打开演示,右键单击页面,选择“打印...”。您会看到打印预览-第5段分为第1页和第2页。我做错了什么?我怎样才能使它在Chrome中工作?

html - CSS 形而上学 : WHY is page vertical alignment so difficult?

相对于页面,CSS中的水平对齐很容易-margin:0auto大部分时间都能满足您的需求,而text-align:center其他一些情况。我对大师们的问题不是如何垂直对齐,而是为什么如此困难?为什么没有margin:auto0?我的意思是,从编程的Angular来看。理论上,似乎相同的算法适用于两种类型的居中。 最佳答案 问得好,我不知道,但我怀疑问题的根源在于HTML,因此它的渲染引擎最初旨在用于文档语义而不是布局/打印语义。CSS非常擅长描述段落、标题和各种文档问题,但在涉及更大的DTP布局任务时却非常薄弱,而现在每个人都希望

iphone - Xcode项目管理: single engine - different personalized applications

我的想法是我有一个应用程序模板,它应该为不同的客户定制。主要目标是提供许多具有几乎相同功能的个性化应用程序。Xcode项目组织(可能还有管理)的最佳方法是什么,以便为每个客户的应用程序实现以下几点:始终为视觉元素(控件、View、图标等)设置不同的图像;很少有不同的XIB文件,用于小的UI结构修改;视觉定制-代码级;小的功能修改;可以切换回以前的个性化版本;一个功能引擎(例如搜索功能);目前,对于我在同一项目的根目录新项目文件中创建的每个个性化请求,以及相应的XIB文件,图像集>和源文件(对于某些功能请求)目录。每个项目文件都有对主要源文件目录(引擎)的引用。但我认为这不是组织此类项目

ios - 苹果 watch : Status bar not visible after presenting a modal screen from page based navigation

当我在基于页面的导航中从页面呈现模态屏幕时,整个屏幕向上移动并且状态栏不再可见。这是问题的gif:我使用的是xCode6.2版本。这在xCode6.2Beta4中没有发生..我不确定这是否是模拟器问题,或者这是否会在真实设备上发生。有没有人有同样的问题?有解决方法吗?我向apple(20109240)报告了一个错误,它被标记为(19862945)的副本,并且那个仍然是开放的。提前致谢 最佳答案 这是最终版本中的一个已知问题,在两种情况下表现出来:在现有分页模式Controller上呈现第二个模式Controller(分页或单个)时在