-1

ブログ プロジェクトに問題があります。ユーザーが入力できるテキストエリアがあり、それを mysql テーブルに渡しています。問題は、<li>wordwrap() を試したときにテキストがオーバーフローすることですが、それでも他のテキストがオーバーフローし続けます。それを「フォーマット」して、自動的に私のdivに合うようにフォーマットされるか、これを行う私の方法が間違っていますoO?、明らかにphpの初心者です:P ..

ありがとう...

<?php 
session_start();
function __autoload($className)
    {
        require $className . '.php';

    }
    $emptyMsg ='';
    $conn=new connection();
    $conn->conn('localhost','****','');

if(!isset($_SESSION['username']))
{
    die('Log In 1st!<a href="loginpage.php">Log In</a>');
}

$query = "SELECT blog_content FROM tbl_blog";
$queryResult=mysql_query($query) or die();

?>

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
    <title></title>
<style type="text/css">
p
{
}
#nav
{

}
ul li
{
    list-style:none;
}
#blog_wrap
{
    clear:both;
    width:800px;
    height:600px;
    margin:0 auto;
    background-color:blue;
}

.content 
{   
    width:700px;
    clear:both;
    float:left;
    height:auto;
    background-color:gray;  
    color:lightgreen;
    text-align:left;
    margin:10px 0 0 50px;
}
.content ul li
{
    color:red;
    background-color:green;
    overflow:visible;
    }

.content2
{   
    width:700px;
    clear:both;
    float:left;
    height:auto;
    background-color:yellow;
    color:lightgreen;
    margin:10px 0 0 50px;
}
</style>
</head>
<body>
    <div id="nav" >
    <ul >
    <li>Welcome!!!<?php echo $_SESSION['username']; ?></li>
    <li><a href="">Edit Account</a></li>
    <li><a href="createBlog.php">Create Blog</a></li>
    <li>Home</li>
    <li>Sign Out</li>
    </ul>
    </div>
<div id="blog_wrap">

<?php
$count=0;
    while($rows=mysql_fetch_array($queryResult))
    {   
        if($count % 2 ==0) 
            {   
                echo '<div class="content">';
                echo '<ul>';
                echo '<li>' . $rows['blog_content'] . '</li>';
                echo '</ul>';
                echo '</div>';
            }
            else
            {   
                echo '<div class="content2">';
                echo '<ul>';
                echo '<li>' . $rows['blog_content'] . '</li>';
                echo '</ul>';
                echo '</div>';
            }
            $count++;
    }

?>
</div>
</body>
</html>
4

1 に答える 1

1

CSSクラスの.contentを変更する必要があります。それは読むべきです：

.content {   
  width:700px;
  clear:both;
  float:left;
  height:auto;
  background-color:gray;  
  color:lightgreen;
  text-align:left;
  margin:10px 0 0 50px;
  overflow: hidden
}

固定幅のコンテナに「overflow：hidden」を追加すると、コンテンツが流出するのを防ぎます。

于 2012-05-10T09:29:46.703 に答える