0

HTMLコードとインラインスタイルが適用されており、両側にテキストリンクと垂直画像のある2列があります。真ん中に投稿のテキストとコンテンツを入れます。

投稿が大きい場合、横の列にテキストを中央に配置するのに十分な画像がない場合、テキストはページ全体の幅になります。

これらの列の真ん中にテキストを保持したいと思います。

  <div style="float: right; text-align: center;">

<p><strong>Version.V
   </strong></p>
  <p><strong> 999
    </strong></p>
  <p><strong>August 7, 2013</strong></p>
  <p>
    <a href="#">News</a>    </p>
  <p><a href="#">Updated
    News</a></p>
  <p>
    <a href="#">Old
    News</a></p>
    <p><a href="#">Posts</a></p>
    <p><a href="#">Daily News</a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="#"><img title="here" alt="here" src="picture.gif" width="150" height="97" /></a></p>
</div>

<div style="float: left; padding-right: 1px; text-align: center;">

  <p><strong>Version.V
   </strong></p>
  <p><strong> 999
    </strong></p>
  <p><strong>August 7, 2013</strong></p>
  <p>
    <a href="#">News</a>    </p>
  <p><a href="#">Updated
    News</a></p>
  <p>
    <a href="#">Old
    News</a></p>
    <p><a href="#">Posts</a></p>
    <p><a href="#">Daily News</a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="#"><img title="here" alt="here" src="picture.gif" width="150" height="97" /></a></p>
</div>
<div>


<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&rsquo;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br>
  <span id="more-208"> </span><br>
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&rsquo;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&rsquo;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&rsquo;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&rsquo;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

</div>
</body>
</html>

真ん中のテキスト

長く下に行くほど、ページの端から左に揃えられます。列の真ん中のボックスに入れたいです。

4

2 に答える 2

0

このフィドルをチェックしてください

これを使用して、コンテンツ div にスタイル属性を追加するだけです。

style="margin-left: 150px; margin-right: 150px;"

もちろん、これはサイド カラムの幅が 150px になることを考慮したものです (画像の幅についてはわかります)。

最後に、他の人が以前に述べたように、外部スタイルシートを使用してみてください。これは、より保守しやすく、従うのが簡単だからです。

幸運を！

于 2013-08-08T01:51:22.650 に答える
0

そのようにメインコンテンツを保持するクラスをpタグに追加します

フィドル

<p class="content">[main content here]</p>

CSS

.content
{
    width:100%;
    padding: 0 150px;
    box-sizing:border-box;
}
于 2013-08-07T21:18:47.323 に答える