刪除或覆蓋TD標籤中的垂直對齊？

我遇到的問題是我表格中的<td>標記導致我正在使用的JQuery時間選擇器垂直顯示HH:MM而不是水平顯示。時間選擇器在<td>標記之外顯示正常，但在其內部垂直顯示。我相信瀏覽器呈現一個垂直對齊屬性的<td>標記，我想知道是否有方法來覆蓋它，所以<td>標記不使用vertical-align屬性？刪除或覆蓋TD標籤中的垂直對齊？

對於非嵌入式圖片（帳戶限制），我很抱歉。

這裏的時間選擇器的外觀在表：

[ JQuery Time Picker Vertical 1

編輯：

下面是一些CSS，我使用的時間選擇器外觀：

[ Combined display of each class 2

.time_pick { 
     position: relative; 
     display: inline-block; 
     margin: auto; 
     width: 60%; 
    } 

    .timepicker_wrap { 
     padding: 10px; 
     border-radius: 5px; 
     z-index: 998; 
     display: none; 
     box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35); 
     background: #f6f6f6; 
     border: 1px solid #ccc; 
     float: left; 
     position: absolute; 
     top: 27px; 
     left: 0; 
    } 

    .time, 
    .mins, 
    .meridian { 
     width: 60px; 
     float: left; 
     margin: 0 10px; 
     font-size: 20px; 
     color: #2d2e2e; 
     font-family: arial; 
     font-weight: 700; 
    } 

    .ti_tx, 
    .mi_tx, 
    .mer_tx { 
     width: 100%; 
     text-align: center; 
     margin: 10px 0; 
    } 

    .prev, 
    .next { 
     cursor: pointer; 
     padding: 18px; 
     width: 28%; 
     border: 1px solid #ccc; 
     margin: auto; 
     background: url(../images/arrow.png) no-repeat; 
     border-radius: 5px; 
    } 

    .next { 
     background-position: 50% 150%; 
    } 

    .prev { 
     background-position: 50% -50%; 
    }

編輯：

爲表，TH串聯樣式表，TD標籤：

<style> 
    table, th, td { 
     border: 1px solid black; 
     border-collapse: collapse; 
    } 
    th, td { 
     padding: 5px; 
    } 
    </style> 

    <input type="text" name="timepicker1" size="70%" id="timepicker1" />

來源

2015-10-13 R. Kelly

您是否檢查過Chrome開發工具？有時當我進入時，我會從'用戶代理樣式表'中找到問題。基本上，一組預定義的樣式設置爲瀏覽器。您會在樣式窗格中看到此列表，而不是美好的名稱和行號。 – tdrsam

請顯示您希望對此次選取器出現負責的部分代碼。 – chem1st

@tdrsam - 我在用戶代理樣式表中看到標籤的「vertical-align：inherited」。反正有重寫這個樣式表嗎？ –

你需要的寬度增加<div class="timepicker_wrap"></div> 如果添加此，它應該工作：

.timepicker_wrap{ 
    width: 240px; 
}

我認爲這只是一個問題，而不是e在timepicker_wrap容器中的空間要彼此相鄰放置。

來源

2015-10-13 19:08:19 indubitablee

就是這樣，謝謝！我還沒有投票，但我已經接受了你的答案。希望這會幫助有類似問題的其他人。再次感謝！ –

刪除或覆蓋TD標籤中的垂直對齊？

回答

相關問題