CSS的float元素旁邊的一箇中心元素

Question

我有一個表在我的網頁

http://jsfiddle.net/YrBnd/3/

中心是否有可能放置該按鈕的例子，只是表中的左？

這種高技能圖紙應該給你一個更好的畫面：

|     | 
| $$center  | 
|     | 

其中$$是我想要的地方偏離中心的按鈕。

Answer 1

試試這個辦法，根據您的jsfiddle：

HTML

<span>Center body text<button>Click</button></span> 

CSS

span { 
    display: block; 
    width: 200px; 
    margin: 0 auto; 
    position: relative; 
} 
button { 
    position: absolute; 
    right: 100%; 
} 

http://jsfiddle.net/YrBnd/4/

按鈕被放置絕，從右邊，達到span元件寬度的100％。

Answer 2

你可以用jQuery解決這個問題。

在頁面加載，你可以檢查在表開始，然後添加按鈕，這個表

例如

$(function(){ 
    //Get the left position of the table 
    var leftPosition = $("table").offset().left; 
    //Get the top position of the table 
    var topPosition= $("table").offset().top; 

    //Now add the left position of the table minus the button width and a spacing of 5 
    var leftButtonPosition = leftPosition - $("myButton).width() + 5; 

$("myButton).offset({ top: topPosition + 5 , left: leftButtonPosition }); 
}); 

等瞧的左側;）

Answer 3

.center 
{ 
    width:250px; 
    margin:0px auto 0px auto; 
} 
.center input[type="button"], div 
{ 
    float:left; 
} 

<div class="center"> 
    <input type="button" name="submit" value="$$" /> 
    <div> center text </div> 
</div>