草庐IT

layout_align_parent_right

全部标签

html - 如何实现float :right effect while preserving the inline-block display?

考虑以下jsFiddle:http://jsfiddle.net/mark69_fnd/yqdJG/1/HTML:AAABBB​CSS:#container{border:solid2pxgreen}.char{display:inline-block;border:solid2pxred;}.stickToRight{float:right}​有没有另一种方法可以使.stickToRight右对齐,而不float它?我需要将其保留为display:inline-block以便我可以使其垂直对齐方式与其他.char元素保持一致。如何实现float:right右对齐效果,同时保持元素di

html - 只为 parent 而不是 child 申请CSS

我有一个像这样的无序列表:list1Sublist1Sublist2Sublist3list2Sublist1Sublist2Sublist3我现在只想为第一个列表应用CSS,而不是它的子列表ul和li。我尝试了以下操作:.listulli{background:#ccc;}...但是背景颜色应用于所有列表。应该怎么做才能只更改父项而不更改子项的CSS。 最佳答案 为此使用直接后代运算符>:.list>ul>li{...}>运算符仅选择作为其之前元素的直接子元素的元素。但是请注意,尽管没有直接为其分配任何背景颜色,但该列表项内的任何

html - 将div内部的div设置为滚动,而parent不滚动

我有一个包含许多子div的容器div。我的容器中的一个div包含评论。我不想将整个div设置为滚动,而是希望一切都留在原地,只留下评论div滚动。我试过将父溢出设置为隐藏,将评论div设置为滚动,滚动条实际上​​显示在页面上但被禁用。有谁知道我怎样才能做到这一点?CSS#container{position:absolute;overflow:hidden;}#comments{position:relative;overflow:scroll;}HTMLthisiswhatIwanttoscroll我无法摆脱容器,因为它包含更多的子元素。我只希望其他一切都保持静态,而只有评论可以滚动

html - 空白 : nowrap breaks flexbox layout

这个问题在这里已经有了答案:Whydon'tflexitemsshrinkpastcontentsize?(5个答案)关闭6年前。我使用Flexbox为应用程序创建了响应式布局。该布局要求左侧有一个可折叠菜单,中间有一个带有标题和正文的block,右侧有一个可切换的帮助Pane(还有更多内容,但这是基本结构)。左侧菜单有两种状态:180px宽或80px宽。帮助Pane要么隐藏,要么占用180像素。中间的盒子占据了其余的空间。Flexbox就像一个魅力。当我使用white-space:nowrap制作滚动div时,问题就来了。我有一堆元素需要在水平滚动条中显示,所以我有一个包含元素的列表

css - <span> 和 <div> 与 text-align :center;? 的区别

我不明白这个:我试图将HTML的文本对齐居中标记,但它什么也没做...随着标签,一切正常。与设置相同的情况margin:0pxauto;在CSS中。为什么span标签不支持text-align;功能? 最佳答案 区别不在之间和具体来说,但在inline之间和block元素。默认为display:inline;而默认为display:block;.但是这些可以在CSS中被覆盖。方式的不同text-align:center两者之间的工作取决于宽度。Ablock元素默认为其容器的宽度。它可以使用CSS设置其宽度,但无论哪种方式,它都是固定

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

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

html - Bootstrap 行类包含 margin-left 和 margin-right 这会产生问题

我正在使用Bootstrap'row'类将divs一个放在另一个之上,工作正常但是.row{margin-left:-15px;margin-right:-15px;}我注意到它指定margin-left和margin-right属性为-13px,因此我的内容向左移动。所以我所做的是添加另一个类如下:.row-no-margin{margin-left:0px;margin-right:0px;}这样就解决了目的,但是还是想知道'margin-left:-15px;'有没有什么具体原因。解决我的问题的最佳方法是什么。 最佳答案 .r

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

html - Bootstrap Accordion 按钮切换 "data-parent"不工作

我正在尝试使用Bootstrap3创建Accordion,使用带有数据属性的可折叠按钮,没有Accordion标记。它对我来说看起来更干净。但是我无法使data-parent属性起作用。我想在打开一个问题时,所有其他人都关闭。我正在阅读文档(http://getbootstrap.com/javascript/#collapse-usage),但仍然无法正常工作。我正在使用以下代码:Question1?Etiamposuerequamacquam.Maecenasaliquetaccumsanleo.Nullamdapibusfermentumipsum.Etiamquisquam.I