Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
Html CSS填充<；的左值；代码>；仅适用于第一行_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS填充<；的左值；代码>；仅适用于第一行

Html CSS填充<；的左值；代码>；仅适用于第一行

html css

Html CSS填充<；的左值；代码>；仅适用于第一行,html,css,Html,Css,当我为代码标记应用填充左样式定义时，如下所示： <!DOCTYPE html> <html> <head> <style> code { font-size: 20px; padding-left: 10px; } </style> </head> <body> <code>git pull origin master<br /> git push origin m

当我为代码标记应用填充左样式定义时，如下所示：

<!DOCTYPE html>
<html>
<head>
<style>
  code {
    font-size: 20px;
    padding-left: 10px;
  }
</style>
</head>
<body>
<code>git pull origin master<br />
git push origin master
</code>
</body>
</html>


代码{
字体大小：20px；
左侧填充：10px；
}

git拉入原始主机

git推送源主机
结果如下所示。也就是说，左侧填充样式仅应用于第一行

这种行为是否符合HTML5/CSS规范？要为所有行应用填充，我是否应该使用左边的填充

是一个
内联元素
，因此需要将其更改为
显示：块/内联块
，以实现此目的

code{
显示：内联块；
字体大小：20px；
左侧填充：10px；
}
git拉入原始主机

git推送源主机
将此添加到您的风格中

显示：块

是一个内联元素，因此填充将不会像预期的那样应用于代码，因为代码中的

元素只是打断了行，而不是真正开始一个新的行

解决此问题的一种方法是应用
display:block
到
元素，但是看起来最理想的解决方案是使用
元素，因为您需要执行多行代码块


<pre>
  git pull origin master
  git push origin master
</pre>




git拉源主机
git推送源主机



如果你还有其他问题，请告诉我。希望这有帮助
 

哦，我不知道code元素是内联元素。是的，我能够确认在指定显示样式时填充了所有行。谢谢你的回答！是的，实际上，我想同时使用pre和code标记。谢谢你的回答！谢谢你的回答。