嗨,有人能帮帮我吗,我的电脑让我发疯了,它昨天还在工作,现在不行了,我也在我的电脑上试过,在不同的浏览器上没有任何东西可以解决这个问题。
基本上我有一个新闻板,其中包含从 mysql 中提取的新闻提要。
我试图将文本包含在一个名为“news_feeds_board_text”的 div 中,以便我可以按我的意愿定位它。
无论我给这个文本提供什么宽度或填充,它仍然会溢出到右侧。
请有人可以告诉我我哪里出错了,非常感谢。
例如,而不是看起来像我想要的那样:
The Cat Sat on the
Fence and licked
itself over and
over again.
它这样做:
The Cat Sat on the Fence and licked itself over and over again.
它溢出新闻板,我不知道为什么。我知道这是一个 CSS 问题,但我不知道怎么做?
下面是我的 div 是如何用 php 布局的:
<?php
$social_feeds_set = get_social_feeds_set();
while ($feeds = mysql_fetch_array($social_feeds_set)) {
?>
<div class="socialcase" id="socialcase">
<div class="socialcase_top"></div>
<div class="socialcase_img">
<?php echo "<a href=\"profile.php?id={$feeds['user_id']}\"><img width=\"60px\" height=\"60px\" src=\"data/photos/{$feeds['user_id']}/_default.jpg\" /></a>";?></div>
<div class="social-text">
<?php echo "{$feeds['display_name']}"; ?> says:<br/><br/><?php echo "{$feeds['content']}"; ?>
</div>
</div>
<? } ?>
<div class="board-wall-feeds">
<div class="social_header">
<?php echo "$profile[2]" ?>'s News & Updates:
</div>
<?php
$social_news_board = social_news_board();
while ($news = mysql_fetch_array($social_news_board)) { ?>
<div class="news_feeds_board">
<div class="social_clip"></div>
<div class="news_feeds_board_text"><? echo "{$news['content']}"; ?></div>
<div class="social_footer">
<?
$datetime1 = new DateTime();
$datetime2 = new DateTime ($news['date_added']);
$interval = $datetime1->diff($datetime2);
$mdhms = explode('-',$interval->format('%m-%d-%H-%i-%s'));
$labels = Array(' months', ' days', ' hours', ' minutes', ' seconds');
$i = 0;
foreach($mdhms as $t){
if($t > 0) break;
$i+=1;
}
echo "about ".$t.$labels[$i]." ago"; ?></div></div>
<? } ?>
</div>
这是只能导致问题的 div 的 css:
.board-wall-feeds {
text-align: left;
font-family: Arial;
font-size: 12px;
color: #6d6d6d;
background: #fff;
border: 1px solid #e6e6e6;
padding: 20px 15px 20px 15px;
margin-top:0px;
margin-left:275px;
-moz-box-shadow: 2px 3px 2px #d6d6d6;
-webkit-box-shadow: 2px 3px 2px #d6d6d6;
box-shadow: 2px 3px 2px #d6d6d6;
display: block;
width:300px;
height:400px;
position:absolute;
z-index:10;
padding-top:15px;
overflow:hidden;
}
.news_feeds_board {
width:301px;
min-height:50px;
background: #ffffff;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
float:right;
position:relative;
z-index:99;
margin-right:0px;
}
.news_feeds_board_text {
padding-left:0px;
padding-right:20px;
padding-bottom:20px;
padding-top:20px;
color:#666;
}