gpt4 book ai didi

html - 在固定位置写入文本的问题

转载 作者:太空宇宙 更新时间:2023-11-03 19:13:46 25 4
gpt4 key购买 nike

我只是一个初学者。我想使用 html 和 css 制作一个简单的网页。我已经制作了页眉、左侧内容以及右侧内容和页脚。

在左边的内容中,我想写一些正常的描述性文字。我使用 ulli 标签使用 text-align:justify。但问题是:文本超出了页面的正确内容。我希望他们在一条新线上而不是在右侧。我现在该怎么办?

这是 HTML:

<body>
<div id="header"></div>

<div id="wrap">
<div id="left">
<div id="left_content">
<ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat.</li></ul>
<a href="#"> Read More</a>

<ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat.</li></ul>
<a href="#"> Read More</a>
</div>
</div>

<div id="right">
<div id="right_content"></div>
</div>
</div>

<div id="footer"></div>
</body>

和CSS代码:

#left_content ul li {
padding:10px 0 0 0px;
font:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-align:justify;
}

最佳答案

我会给你的#left_content一个宽度

#left_content{
width:200px;
}

示例: http://jsfiddle.net/jasongennaro/p3ApG/

关于html - 在固定位置写入文本的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7448092/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com