比方说,我有一个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的宽度,然后根据需要进行调整? –