php - 在 PHP 页面中添加 CSS 代码(不是文件)

标签 php html css

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

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

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

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

编辑:

谢谢大家,你们帮了我大忙。我在 HTML 元素的任何其他回显之前添加了这段代码:

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

当然,我在末尾添加了结束 HTML 标记 echo 并确保提交按钮具有“Class='panelbutt'”属性。

最佳答案

您的 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>

关于php - 在 PHP 页面中添加 CSS 代码(不是文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23562075/

相关文章:

HTML+CSS : List with submenu problems

css - 活跃 child 的 parent 的复杂 CSS 选择器

datetime - 将 DATETIME 转换为人类可读的日期

php - 仅在 Wordpress 中将 CSS 应用于 "Theme Options"页面

html - 使用 Bootstrap 网格系统的 100% 高度

javascript - getCurrentPosition() 在 Firefox 中不起作用

php - Paypal IPN 变量问题

PHP 脚本从单个 HTTP 请求执行多次

java - 从 Java 调用 PHP

javascript - 我有2个盒子和一张照片。用户可以在两个框之间拖动图片。如何判断图片是从哪个框拖出来的?