草庐IT

pull-right

全部标签

html - 粘条不能做 float :right

我已经将我的bootstrap-3网站用于粘性栏,我尝试这样做HowTO-StickySocialBar我做了一些修改,我使用了float:right;但它不起作用,我的冲突是,那个栏不能设置为网站float:right,我想走右边任何人都知道该怎么做。谢谢。position:fixed;top:50%;float:right;}.icon-bara{display:block;text-align:center;padding:16px;transition:all0.3sease;color:white;font-size:20px;}.icon-bara:hover{backgr

html - 使用像 .left {float :left} and . right {float:right} 这样的类好吗

哪种方法更易于管理特别是在团队发展方面?哪个会更优化更长?两者的优缺点是什么?样式表#firstblock{background:#000;float:left;}.genblock{background:#006699;float:left;}HTMLHowyoushoulddoit或者样式表.left{float:left;}#firstblock{background:#000;}.genblock{background:#006699;}HTML 最佳答案 您不应该泄漏表示信息(CSS)到您的数据层(HTML)。您应该为您的

css - 为什么 "text-align: right"不适用于 Firefox 中的空 contenteditable 元素?

请考虑以下内容:(LiveDemo)HTML:CSS:div{text-align:right;}当你点击div在Firefox中时,光标位于左侧(看起来像text-align:right;没有影响)。但是,如果您开始键入,text-align:right;就会开始生效。这是为什么呢?有什么解决办法吗? 最佳答案 这可以通过如下简单的更改来实现: 我们强制在其中留一个空格。好吧,如果空间很重要,我认为你有问题。但我希望这会有所帮助:) 关于css-为什么"text-align:

css, html help : float left and right, 切断背景以扩展过去的div

我有一个向左浮动的div和一个向右浮动的div,我想更改背景颜色。它改变了背景,但它在floatdiv之前停止。当我取下它们时,它会继续具有我想要的正确背景颜色。floatLEFTfloatRIGHT谢谢! 最佳答案 您必须清除float以便父级可以围绕它们。floatLEFTfloatRIGHT您也可以让父级本身float,这样就不需要额外的标记(清除div)。如果您这样做,那么您的parent将需要指定宽度。解释:当一个元素float时,父级不知道它的高度(除非它本身是一个float元素)。您需要在float下方清除,以便父di

html - Bootstrap 3.0.3 navbar-right 和 pull-right

我正在学习一些Bootstrap教程并使用Bootstrap3.0.3版本。我注意到navbar-right完全向右浮动,而pull-right似乎与3.0的navbar-right一样工作>做了。我在JSFiddle上放了一个例子.根据他们的blog2013年12月5日,进行了一些修改,所以想知道我是否错误地构造了HTML类,或者这是否是菜单对齐的新方法? 最佳答案 看起来3.0.3的实现是有意更改的,以在#11530下满足这一要求。:解决方法是在.navbar-right上添加填充:.navbar-right{padding-r

html - 设置中心位置的 margin-left 和 margin-right

我想将中心设置为.user-menu位置,但我下面的代码不起作用。我该如何解决这个问题?HTMLتاریخچهخریدحسابکاربریCSS*{margin:0px;padding:0px;font-family:Tahoma;}.centered{margin-left:auto;margin-right:auto;}.menu-items{float:left;height:90px;margin-left:10px;margin-right:10px;}.profile{width:72px;height:72px;padding-left:10px;padding-righ

css - float :right divs appear on next line in IE only

好的,所以在开始编写Web应用程序代码之前,我正在制作我的UI原型(prototype)。我在Firefox中工作时完成了大部分设计,(当然)当我在IE中测试它时,存在很多渲染问题。其中一个问题是,如果我有一个包含一些文本的div和另一个设置为float:right的div,则嵌套的div会显示在下一行,在其父div下方。这是最简单形式的问题标记...TextRight我在互联网上搜索解决方案,我发现唯一可行的相关解决方案使它在IE中工作是将floatdiv放在其父级的开头,如下所示...RightText实际上,嵌套的div有一个类,我的CSS是float的那个类。但是,如果我最终制

javascript - Bootstrap 3 Navbar Collapse menu at Left for left and right navbar items

我有一个带有左侧导航项和右侧导航项的Bootstrap3导航栏(如下所示)。折叠时,我希望导航栏切换(又名“汉堡菜单”)及其元素都左对齐。到目前为止我的代码:LeftLeftRightRight左侧导航栏切换的CSS是:@media(max-width:767px){.custom-navbar.navbar-right{float:right;padding-right:15px;}.custom-navbar.nav.navbar-nav.navbar-rightli{float:left;}.custom-navbar.nav.navbar-nav.navbar-rightli>

html - Bootstrap 4 float-right inside .row

我是Bootstrap4的新手,似乎无法在一行内工作的coldiv上正确float。这是我的代码:FivegridtiersHi奇怪的是,如果没有行作为父div,它也能正常工作,但我想使用行。我错过了什么吗?谢谢:) 最佳答案 row是bootstrap-4中的flex容器,要对齐flex-container中的内容,您需要使用ml-auto和mr-auto。例子如下:HellofromleftHellofromright这是官方文档链接和示例:https://getbootstrap.com/docs/4.0/utilities/

html - 纯 CSS 选择菜单/下拉菜单 : How to make custom right arrow?

我根据此处的解决方案使用自定义选择/下拉菜单:https://stackoverflow.com/a/10190884/1318135这个功能很好,只是右边的“箭头”看起来不太好。我希望它更宽一些,外观类似于本网站上的向上/向下投票箭头(向左看)。已尝试以下操作,打开使用这些或其他选项中的任何一个的解决方案:-将图像集成到HTML中(无法使其显示在前景v.下拉列表中)-为字符定位一个带有更宽箭头的字体(找不到)-在CSS中设置背景图像属性(改为显示默认的向下箭头)http://jsfiddle.net/XxkSC/553/HTML:SushiBluecheesewithcrackers