簡體 English 中英

如何將溢出的div對齊到右邊？

[英]How to align overflown div to right?

原文 2014-07-22 02:49:10 6 1 javascript/ jquery/ html/ css/ twitter-bootstrap

我正在使用Bootstrap輪播構建“時間軸”小部件。 每個方塊代表一個月，從左（舊）到右（新）。 滑塊按鈕工作正常，但我希望它開始向右對齊，即顯示最近的月份。 如果用戶想看大一點的話，那么他將需要使用按鈕。

這是一個模擬小部件的小提琴（ http://www.bootply.com/ni9PtghiK5 ）。 我該如何實現？ 我不能使用float: right; 去做這個。

1 個解決方案

使用以下CSS屬性： direction: rtl; 在.carousel-inner

如何將img向右對齊<div classname="“col”"></div><div id="text_translate"><p>我正在嘗試將圖像與 div 列的右側對齊。如您所見，它需要稍微向右調整。</p><p> <a href="https://i.stack.imgur.com/FgXem.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FgXem.png" alt="圖片"></a></p><pre> <div className="main-footer"> <div className="footer-container"> <div className="row"> <div className="col"> <h5>GitHub</h5> <Navbar.Brand href="https://github.com/"> <img className="logo-position" src={githublogo} style={{ width: 100, height: 100 }} /> </Navbar.Brand> </div> </div> </div> </div></pre><pre> .main-footer { color: white; background-color: #282c34; padding-top: 3em; padding-left: 3em; position: relative; bottom: 0; width: 100%; text-align: center; }</pre><p> 我嘗試在“徽標位置”中添加一些 CSS 來修復它，但沒有運氣。從我在網上找到的答案中，我嘗試過：</p><pre> position: absolute; right: 38%;</pre><pre> text-align: right;</pre><pre> display: block; margin-left: auto; margin-right: auto;</pre><p> Position absolute 就像我一開始想要的那樣工作，但是一旦 window 大小發生變化，它就會移出 position。</p><p> 我還嘗試將class="pull-right img-responsive"添加到 img object 中，但它似乎沒有做任何事情。</p><p> 編輯：解決。我只是在導入之前為圖像添加了一些邊距。</p></div>

[英]How to align img to the right in <div className=“col”>

對齊<a>到 div 的右側</a>

[英]Align <a> to right side of div

如何在溢出的div中查看當前項目？

[英]How do I keep current item in view in an overflown div?

如何將 div 中的文本和按鈕元素彼此對齊？

[英]How to align a text and a button element in the div right next to each other?

如何將div直接對准另一個？

[英]How can I align a div right under another?

如何在 React 中滾動到 div 內的 span 元素，使其始終可見且不會溢出

[英]How to scroll to a span element inside a div in React, so it is always visible and not overflown

浮動div傾斜中心或右對齊

[英]Floating div cant center or right align

在溢出div的水平滾動上，填充進度條

[英]On horizontal scroll of overflown div, fill in progress bar

溢出的div上的“向下滾動以更新”（或向左）功能

[英]“Scroll down to update” (or left) feature on overflown div

在文本段落中右對齊內聯div

[英]Align an inline div right within a text paragraph

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何將img向右對齊<div classname="“col”"></div><div id="text_translate"><p>我正在嘗試將圖像與 div 列的右側對齊。如您所見，它需要稍微向右調整。</p><p> <a href="https://i.stack.imgur.com/FgXem.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FgXem.png" alt="圖片"></a></p><pre> <div className="main-footer"> <div className="footer-container"> <div className="row"> <div className="col"> <h5>GitHub</h5> <Navbar.Brand href="https://github.com/"> <img className="logo-position" src={githublogo} style={{ width: 100, height: 100 }} /> </Navbar.Brand> </div> </div> </div> </div></pre><pre> .main-footer { color: white; background-color: #282c34; padding-top: 3em; padding-left: 3em; position: relative; bottom: 0; width: 100%; text-align: center; }</pre><p> 我嘗試在“徽標位置”中添加一些 CSS 來修復它，但沒有運氣。從我在網上找到的答案中，我嘗試過：</p><pre> position: absolute; right: 38%;</pre><pre> text-align: right;</pre><pre> display: block; margin-left: auto; margin-right: auto;</pre><p> Position absolute 就像我一開始想要的那樣工作，但是一旦 window 大小發生變化，它就會移出 position。</p><p> 我還嘗試將class="pull-right img-responsive"添加到 img object 中，但它似乎沒有做任何事情。</p><p> 編輯：解決。我只是在導入之前為圖像添加了一些邊距。</p></div> 對齊<a>到 div 的右側</a> 如何在溢出的div中查看當前項目？如何將 div 中的文本和按鈕元素彼此對齊？如何將div直接對准另一個？如何在 React 中滾動到 div 內的 span 元素，使其始終可見且不會溢出浮動div傾斜中心或右對齊在溢出div的水平滾動上，填充進度條溢出的div上的“向下滾動以更新”（或向左）功能在文本段落中右對齊內聯div

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM