Category Archives: HTML

CSS: Center text (horizontally and vertically)

Posted on 2024 年 01 月 29 日 by cowman.chiang

<html>

<head>
    <meta charset="UTF-8">
    <title>404 Error Page</title>
    <style>
        .parent{
          width: 100%;
          height: 30%;
          margin-bottom: 50px;
          
          text-align: center; 
        }

        .text-parent:before {
          content: "";
          display: inline-block;
          height: 100%;
          vertical-align: middle;
        }        
    </style>
</head>

<body>
    <div class="parent text-parent">
        <h1> 404 </h1>
    <hr>
        <h3>此活動不存在</h3>
    </div>
</body>

</html>

<html>

<head>

<title>404 Error Page</title>

<style>

.parent{

width: 100%;

height: 30%;

margin-bottom: 50px;

text-align: center;

}

.text-parent:before {

content: "";

display: inline-block;

height: 100%;

vertical-align: middle;

}

</style>

</head>

<body>

<hr>

<h3>此活動不存在</h3>

</div>

</body>

</html>

Ref.: iThome: 29. CSS 水平置中/ 垂直置中的方法

Posted in CSS, HTML | Comments Off

Iframe 允許 fullscreen

Posted on 2014 年 09 月 02 日 by cowman.chiang

礙於某些原因，更改css有點麻煩….. 所以就直接使用iframe把別人做好的網頁樣版包起來排版這將就方便許多了!! 只是這次包的是player，那全螢幕???? 查了一下~可以用下列方法達成

<iframe src="mywall-3.html" width="350" height="400" align="center" scrolling="no" frameborder="0" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

1	<iframe src="mywall-3.html" width="350" height="400" align="center" scrolling="no" frameborder="0" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

allowFullScreen=”true” webkitallowfullscreen=”true” mozallowfullscreen=”true” 只是這個方法對ie…..沒用!

Posted in HTML | Leave a comment

Category Archives: HTML

CSS: Center text (horizontally and vertically)

Iframe 允許 fullscreen

Categories