Question

我似乎找不到合适的答案。我想知道如何在我的PHP页面中包含CSS代码。

我的PHP页面中有脚本，然后在页面加载时使用echo显示HTML元素。其中3个元素是带有提交按钮的表单。我试图让那些提交按钮具有相同的宽度和高度。我研究过，似乎唯一的解决方案是添加CSS，它通常插在标签内，但我有一个PHP页面，而不是HTML。如果我尝试在文件管理器视图中添加并标记PHP文件，则将更改更改为HTML文件，这意味着如果我添加标记，则服务器会将我的PHP文件识别为HTML，因此我不希望出现其他问题。

我只想让表单按钮具有相同的宽度。下面是我现在所拥有的，我在每个提交按钮的值上添加了一些空格来尝试扩展它们的宽度，但它仍然明显不匹配。

http://s12.postimg.org/iqp7okq55/Capture2.png

编辑：

谢谢你们，你们对我帮助很大。我在HTML元素的任何其他回声之前添加了此代码：

echo "<html><head><style>input.panelbutt {width:120px;}</style></head>";

当然我在最后添加了一个结束HTML标记回显，并确保提交按钮具有“Class ='panelbutt'”属性。

Answer 1

没有理由你的PHP脚本无法以与HTML相同的方式输出CSS。

我个人喜欢使用HEREDOC syntax而不是多个echo语句，因为我认为它看起来更整洁（使用更少的\字符）并且更容易嵌入PHP变量，但这取决于你......

echo <<<EOF
<style>
/* put your CSS here */
</style>
EOF;

或通过关闭PHP标记将其置于内联

<?php
// some php here...
?>
<html>
  <head>
     <title>PHP, CSS and HTML mix page</title>
     <!-- more head tags here.... -->
     <style> 
     /* css here */ 
     </style>
  </head>
  <body>
  <?php // more PHP
  ?>
  <!-- html here -->
  </body>
</html>

Answer 2

将CSS文件创建为静态资源，然后在生成HTML以返回浏览器时，只需在<HEAD>区域中包含以下行：

echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"pathtofile.css\">";

示例css：

button.classABC {
    width: 100px;
}

在PHP页面中添加CSS代码（不是文件）

2 个答案: