比方說,我有一個CSS DIV,其中包含格式化的語法代碼。該DIV設置爲min-width:100;
和max-width:100;
是否有可能做這樣的條件在CSS
同樣的DIV有當DIV盤旋,max-width: 135% !important;
另一個CSS聲明和min-width: 135%;
因此,如果DIV持有格式化代碼是更廣泛的那麼DIV的寬度,它顯示一個滾動條,當你將鼠標懸停在DIV上時,它將DIV擴展到代碼寬度不超過135%,如果DIV的代碼沒有超過DIV的寬度,那麼DIV保持相同的寬度。
我的問題是,當一個div超過100%的寬度,它擴展到裏面的代碼的寬度,但保持少於135%,有沒有辦法使其擴大到135%,即使代碼是不是135%,但超過100%?
希望這是有道理的
我幾乎需要某種形式的,說條件語句...
如果DIV內容> 100%,則使DIV 135%的哈弗否則保留DIV在100%
這是可能的嗎?
這裏是我完整的CSS
.syntax {
min-width: 100%;
max-width: 100%;
margin: 1em 0 1em 0;
position: relative;
overflow-y: hidden;
overflow-x: auto;
font-size: .9em;
display:inline-block;
}
.syntax:hover {
max-width: 135% !important;
min-width: 135%;
}
我不不知道有什麼辦法做到這一點沒有JavaScript。我認爲這樣做不會太難嗎?只需獲得兩個div的寬度,然後根據需要進行調整? –