Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
可以在CSS中使用这样的条件句吗_Css_Html - Fatal编程技术网
Fatal编程技术网
  • css/
  • 可以在CSS中使用这样的条件句吗

可以在CSS中使用这样的条件句吗

css html

可以在CSS中使用这样的条件句吗,css,html,Css,Html,假设我有一个CSS DIV，它保存格式化的语法代码。DIV设置为最小宽度：100和a最大宽度：100 这个DIV还有另一个CSS声明，当DIV悬停时，max width:135%！重要的和最小宽度：135% 因此，如果保存格式化代码的DIV比DIV的宽度更宽，它会显示一个滚动条，当您将鼠标悬停在DIV上时，它会将DIV扩展到代码的宽度不超过135%，如果DIV的代码不超过DIV的宽度，则DIV保持相同的宽度 我的问题是，当div超过100%宽度时，它会扩展到内部代码的宽度，但保持在135%以下，

假设我有一个CSS DIV，它保存格式化的语法代码。DIV设置为
最小宽度：100和a
最大宽度：100

这个DIV还有另一个CSS声明，当DIV悬停时，
max width:135%！重要的和<代码>最小宽度：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%;
}



我不确定我是否理解了你的意思，但如果我没弄错的话，你所要说的就是：

最小宽度：135%！重要的

您可能需要根据需要调整溢出


一个更好的选择是使用固定大小，但是如果您正在使用自适应布局环境，那么我想这是不可能的
如果没有javascript，我不知道有什么方法可以做到这一点。我想这样做不会太难吧？只需悬停两个div的宽度，并根据需要进行调整？